/* ctz-brand.css — reusable brand light-theme skin for the CTZ dashboard. 2026-09-02.
   A page opts in by adding class "cw-light" to its fragment root. Dark top-nav/header
   chrome is untouched (it's outside the page fragment). Brand = germancitizenshipguide.org
   "Register" language: parch/navy/gold, Barlow Condensed labels + Inter body. */
:root{
  --cw-navy:#0B2A44; --cw-navy2:#0E3552; --cw-parch:#F4F6F8; --cw-ink:#1C2A35;
  --cw-gold:#B8891F; --cw-gold2:#C9A227; --cw-slate:#5E6E7A; --cw-hair:#E2E7EC; --cw-card:#ffffff;
  --cw-ok:#1f9d55; --cw-bad:#C0392B; --cw-r:12px; --cw-r-sm:8px;
}
.cw-light{ background:var(--cw-parch); color:var(--cw-ink); }
.cw-light ::selection{ background:rgba(184,137,31,.18); color:var(--cw-navy); }
.cw-light a{ color:var(--cw-navy); }
.cw-light .page-header{ background:var(--cw-parch); }
.cw-light .page-title{ color:var(--cw-navy) !important; }

/* cards / panels */
.cw-light .panel{ background:var(--cw-card) !important; border:1px solid var(--cw-hair) !important; border-radius:var(--cw-r) !important; box-shadow:0 1px 3px rgba(20,35,60,.06); overflow:hidden; }
.cw-light .panel-hdr{ background:#F7F9FB !important; border-bottom:1px solid var(--cw-hair) !important; }
.cw-light .panel-title{ color:var(--cw-navy) !important; font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.04em; font-weight:700; }
.cw-light .stat-card{ background:var(--cw-card) !important; border:1px solid var(--cw-hair) !important; border-radius:var(--cw-r-sm) !important; color:var(--cw-navy) !important; box-shadow:none !important; }
.cw-light .stat-label{ color:var(--cw-slate) !important; }
.cw-light .stat-value{ color:var(--cw-navy) !important; }

/* buttons / inputs */
.cw-light .hdr-btn{ background:var(--cw-navy) !important; color:#fff !important; border:1px solid var(--cw-navy) !important; border-radius:var(--cw-r-sm) !important; font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.04em; }
.cw-light .hdr-btn.secondary{ background:var(--cw-card) !important; color:var(--cw-navy) !important; border:1px solid var(--cw-hair) !important; }
.cw-light .hdr-btn:hover{ background:var(--cw-navy2) !important; }
.cw-light .dev-btn{ border-radius:var(--cw-r-sm) !important; }
.cw-light select,.cw-light input[type="text"],.cw-light input[type="search"],.cw-light input[type="date"],.cw-light textarea{ background:var(--cw-card) !important; color:var(--cw-ink) !important; border:1px solid var(--cw-hair) !important; border-radius:var(--cw-r-sm) !important; }
.cw-light input::placeholder{ color:#9aa7b2 !important; }

/* tables */
.cw-light table th{ color:var(--cw-slate) !important; border-bottom:1px solid var(--cw-hair) !important; font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.03em; }
.cw-light table td{ border-bottom:1px solid #eef2f6 !important; color:var(--cw-ink) !important; }
.cw-light pre,.cw-light code{ background:#F7F9FB !important; color:var(--cw-navy) !important; }

/* inline colour remaps: old dark theme -> brand light */
.cw-light [style*="color:#fff"]{ color:var(--cw-navy) !important; }
.cw-light [style*="color:var(--white)"]{ color:var(--cw-navy) !important; }
.cw-light [style*="color:var(--sky)"]{ color:var(--cw-slate) !important; }
.cw-light [style*="color:#e7eef5"],.cw-light [style*="color:#c8d8e4"],.cw-light [style*="color:#cfe"],.cw-light [style*="color:#bcd"]{ color:var(--cw-ink) !important; }
.cw-light [style*="color:rgba(165,186,202,.85)"],
.cw-light [style*="color:rgba(165,186,202,.8)"],
.cw-light [style*="color:rgba(165,186,202,.7)"],
.cw-light [style*="color:rgba(165,186,202,.65)"],
.cw-light [style*="color:rgba(165,186,202,.6)"],
.cw-light [style*="color:rgba(165,186,202,.55)"],
.cw-light [style*="color:rgba(165,186,202,.5)"],
.cw-light [style*="color:rgba(165,186,202,0.5)"],
.cw-light [style*="color:rgba(165,186,202,0.6)"],
.cw-light [style*="color:rgba(165,186,202,0.7)"]{ color:var(--cw-slate) !important; }
.cw-light [style*="color:rgba(165,186,202,.45)"],
.cw-light [style*="color:rgba(165,186,202,.4)"],
.cw-light [style*="color:rgba(165,186,202,.3)"]{ color:#8494a5 !important; }
/* accent text tuned for white */
.cw-light [style*="color:#4ade80"],.cw-light [style*="color:#4CAF7D"]{ color:var(--cw-ok) !important; }
.cw-light [style*="color:#FDC52C"]{ color:#9a7d0a !important; }
.cw-light [style*="color:#7dbdd4"],.cw-light [style*="color:#0e9aab"]{ color:#1c7d97 !important; }
.cw-light [style*="color:#a78bfa"]{ color:#6d4fd0 !important; }
.cw-light [style*="color:#D95F5F"]{ color:var(--cw-bad) !important; }
/* dark inline backgrounds -> light */
.cw-light [style*="background:var(--navy2)"],.cw-light [style*="background:var(--navy)"],
.cw-light [style*="background:#0d1f30"],.cw-light [style*="background:#0a1929"],.cw-light [style*="background:#002"]{ background:var(--cw-card) !important; }
.cw-light [style*="background:rgba(253,197,44,0.05)"],.cw-light [style*="background:rgba(253,197,44,.05)"]{ background:#FBF5E7 !important; }
/* faint hairline borders -> visible on white */
.cw-light [style*="rgba(165,186,202,0.15)"],.cw-light [style*="rgba(165,186,202,.15)"],
.cw-light [style*="rgba(165,186,202,0.2)"],.cw-light [style*="rgba(165,186,202,.2)"],
.cw-light [style*="rgba(165,186,202,0.25)"],.cw-light [style*="rgba(165,186,202,.25)"],
.cw-light [style*="rgba(165,186,202,.1)"],.cw-light [style*="rgba(165,186,202,.12)"],
.cw-light [style*="rgba(165,186,202,0.1)"]{ border-color:var(--cw-hair) !important; }

/* primary/ghost dev buttons -> brand (no bright green) */
.cw-light .dev-btn-primary{ background:var(--cw-navy) !important; border-color:var(--cw-navy) !important; color:#fff !important; }
.cw-light .dev-btn-primary:hover{ background:var(--cw-navy2) !important; }
.cw-light .dev-btn-ghost{ background:var(--cw-card) !important; color:var(--cw-navy) !important; border:1px solid var(--cw-hair) !important; }