/* cert.wiastandards.com — site theme overlay: LIGHT (2026-10-29, family56 bundle D).
   ORIGINAL look = DARK (index.html inline <style> 27~94: :root 10 tokens --bg #0b0d12 --bg2 --card --line --text --dim --gold
   --gold2 --accent --grn; registry/standard/standards.html use /assets/style.css: same 10 + --red). Live files untouched.
   Every rule is scoped to html[data-theme="light"], so with nothing saved the pages render exactly as before. Load at the
   END of <head> (index 185 `</head>`, after the inline <style>; registry/standard/standards after their <style>).
   The 87 language copies /<lang>/index.html share the index shell + inline CSS. color-scheme: engine, not here.

   Light palette                                               contrast (on #fff / #f7f8fb)
   ─ page --bg #f7f8fb   band --bg2 #eef1f6   card #fff   line #e2e8f0 (decorative)   control border #7b879c (3.6)
   ─ text #0f172a (17.9 / 16.8)   dim #475569 (7.6 / 7.1)
   ─ gold #d4af37 → --gold #b45309 (lines/hover, 5.0)   gold2 #f0d77a → --gold2 #854d0e (GOLD AS TEXT 6.9 — used in 30+ places)
   ─ FILLED gold buttons (.btn-gold / style.css .btn) keep the real gold gradient #d4af37→#f0d77a + #1a1400 text (9.1)
   ─ accent #5b8cff → #2563eb (5.2)   green #52d18a → #15803d (5.0)   red #f06a6a → #b91c1c (6.5)   AAA purple #c9a0ff → #6d28d9 (7.0)
   !important only for inline style="…" spots (index hero line 1 `color:#E5A100`, gap-card tag `color:#9ab4ff`). */

/* ===== tokens (index + 87 copies; style.css pages read the same names) ===== */
html[data-theme="light"] {
  --bg: #f7f8fb;
  --bg2: #eef1f6;
  --card: #ffffff;
  --line: #e2e8f0;
  --text: #0f172a;
  --dim: #475569;
  --gold: #b45309;
  --gold2: #854d0e;
  --accent: #2563eb;
  --grn: #15803d;
  --red: #b91c1c;
}
html[data-theme="light"] body { background: #f7f8fb; color: #0f172a; }
html[data-theme="light"] ::selection { background: rgba(180, 83, 9, .18); }

/* ===== header (index: rgba(11,13,18,.82) + blur; style.css: rgba(11,13,18,.85)) ===== */
html[data-theme="light"] header { background: rgba(255, 255, 255, .9); border-bottom-color: #e2e8f0; box-shadow: 0 1px 2px rgba(15, 23, 42, .05); }
html[data-theme="light"] .brand { color: #0f172a; }
html[data-theme="light"] .nav-links a { color: #475569; }
html[data-theme="light"] .nav-links a:hover { color: #0f172a; }
html[data-theme="light"] .nav-links a:focus-visible,
html[data-theme="light"] .brand:focus-visible { outline: 2px solid #0f172a; outline-offset: 3px; }
/* /assets/favicon.svg brand mark = #0b0d12 disc with a gold gradient ring/check (read the file) — reads fine on white, no filter */

/* ===== buttons — gold FILL stays gold, otherwise #1a1400 text would sit on brown ===== */
html[data-theme="light"] .btn-gold,
html[data-theme="light"] main .btn,
html[data-theme="light"] .empty .btn { background: linear-gradient(135deg, #d4af37, #f0d77a); color: #1a1400; }
html[data-theme="light"] .btn-gold:hover,
html[data-theme="light"] main .btn:hover { box-shadow: 0 8px 24px rgba(180, 83, 9, .25); }
html[data-theme="light"] .btn-ghost { border-color: #7b879c; color: #0f172a; background: #fff; }
html[data-theme="light"] .btn-ghost:hover { border-color: #b45309; color: #854d0e; }
html[data-theme="light"] .btn:focus-visible { outline: 2px solid #0f172a; outline-offset: 3px; }

/* ===== index hero ===== */
html[data-theme="light"] .hero::before { background: radial-gradient(50% 55% at 80% 6%, rgba(180, 83, 9, .10), transparent 70%); }
/* index 206: <p style="font-size:14px;color:#E5A100;…"> — 2.3:1 on #f7f8fb → inline needs !important */
html[data-theme="light"] .hero p[style*="color:#E5A100"] { color: #854d0e !important; }
html[data-theme="light"] .badge-intro { border-color: rgba(21, 128, 61, .5); background: rgba(21, 128, 61, .07); }
html[data-theme="light"] .dotg { box-shadow: 0 0 6px rgba(21, 128, 61, .5); }
html[data-theme="light"] .seal { filter: drop-shadow(0 14px 36px rgba(180, 83, 9, .18)); }
html[data-theme="light"] .trust { background: #eef1f6; }

/* ===== sections / cards ===== */
html[data-theme="light"] .gapcard,
html[data-theme="light"] .card,
html[data-theme="light"] .tier,
html[data-theme="light"] .step { background: #fff; border-color: #cbd5e1; box-shadow: 0 1px 3px rgba(15, 23, 42, .05); }
html[data-theme="light"] .gapcard.x { border-color: rgba(185, 28, 28, .35); }
html[data-theme="light"] .gapcard.o { border-color: rgba(21, 128, 61, .4); }
html[data-theme="light"] .tag.x { background: rgba(185, 28, 28, .1); color: #b91c1c; }      /* #f0a0a0 was 1.9:1 */
html[data-theme="light"] .tag.o { background: rgba(21, 128, 61, .1); }
/* index 234: <span class="tag" style="background:rgba(91,140,255,.12);color:#9ab4ff"> — 1.9:1 → inline */
html[data-theme="light"] .gapcard .tag[style*="color:#9ab4ff"] { color: #1d4ed8 !important; }
html[data-theme="light"] .card:hover { border-color: #b45309; box-shadow: 0 10px 30px rgba(180, 83, 9, .14); }
html[data-theme="light"] .tier.feat { border-color: #b45309; box-shadow: 0 10px 30px rgba(180, 83, 9, .12); }
html[data-theme="light"] .step .n { background: #fef3c7; border-color: #b45309; color: #854d0e; }
html[data-theme="light"] .freebar { background: linear-gradient(120deg, rgba(21, 128, 61, .08), rgba(180, 83, 9, .06)); border-color: rgba(21, 128, 61, .45); }
html[data-theme="light"] .note { background: #fffbeb; border-color: #e2e8f0; border-left-color: #b45309; }
/* index 303: <div class="note" style="background:rgba(201,162,39,.10);border-left:3px solid #c9a227"> — tint on light is fine, left as is */

/* ===== footer ===== */
html[data-theme="light"] footer { border-top-color: #e2e8f0; background: #eef1f6; }
html[data-theme="light"] .foot a:hover { color: #854d0e; }

/* ===== /assets/style.css pages: registry.html · standard.html · standards.html ===== */
html[data-theme="light"] a { color: #854d0e; }                      /* style.css a{color:var(--gold2)} — token does it; pinned for index too (index a inherits) */
html[data-theme="light"] .nav-links a { color: #475569; }           /* re-pin after the generic `a` above */
html[data-theme="light"] h3 { color: #854d0e; }                     /* style.css h3{color:var(--gold2)} */
html[data-theme="light"] .gapcard h3,
html[data-theme="light"] .card h3,
html[data-theme="light"] .scard h3 { color: #0f172a; }              /* index/scard headings are body-colour, not gold */
html[data-theme="light"] th { background: #eef1f6; color: #854d0e; border-bottom-color: #e2e8f0; }
html[data-theme="light"] td { border-bottom-color: #e2e8f0; }
html[data-theme="light"] tr:hover td { background: rgba(15, 23, 42, .03); }
html[data-theme="light"] code,
html[data-theme="light"] pre { background: #f1f5f9; border-color: #e2e8f0; color: #0f172a; }
html[data-theme="light"] .warn { background: #fef3c7; border-color: rgba(180, 83, 9, .35); border-left-color: #b45309; }
html[data-theme="light"] .pill { background: rgba(180, 83, 9, .1); color: #854d0e; }
html[data-theme="light"] .lvAAA { color: #6d28d9; }                 /* #c9a0ff was 1.8:1 */
html[data-theme="light"] .empty { background: #fff; border-color: #cbd5e1; }
html[data-theme="light"] .scard { background: #fff; border-color: #cbd5e1; }
html[data-theme="light"] .scard a.l2 { background: #eef1f6; border-color: #7b879c; color: #0f172a; }
html[data-theme="light"] .scard a.l2:hover { border-color: #b45309; }
/* registry.html lookup form (inline <style> 13~28) */
html[data-theme="light"] .lookup-row input { background: #fff; color: #0f172a; border-color: #b45309; }   /* #c9a227 was 2.0:1 on white */
html[data-theme="light"] .lookup-row input:focus { outline: 2px solid #0f172a; outline-offset: 1px; }
html[data-theme="light"] .lookup-row input[aria-invalid="true"] { border-color: #b91c1c; outline-color: #b91c1c; }
html[data-theme="light"] .lookup .result { border-color: #cbd5e1; background: #fff; }
html[data-theme="light"] .lookup .result.ok { border-color: #15803d; background: rgba(21, 128, 61, .06); }
html[data-theme="light"] .lookup .result.bad { border-color: #b91c1c; background: rgba(185, 28, 28, .06); }
html[data-theme="light"] .lookup .hint { opacity: 1; color: #475569; }

/* ===== language modal (/components/language-modal/language-modal.js — same copy as wisdom/kbcia; white card already) ===== */
html[data-theme="light"] #wiaNavLangModal { background: rgba(15, 23, 42, .55); }
html[data-theme="light"] .wia-nav-modal-tab { border-color: #7b879c; }
html[data-theme="light"] .wia-nav-modal-tab.active { border-color: #667eea; }
html[data-theme="light"] .wia-nav-lang-search { border-color: #7b879c !important; }   /* kit rule is border:… !important */
html[data-theme="light"] .wia-nav-lang-item { border-color: #7b879c; }
html[data-theme="light"] .wia-nav-lang-item:hover,
html[data-theme="light"] .wia-nav-lang-item.selected { border-color: #4338ca; }
html[data-theme="light"] .wia-nav-modal-footer,
html[data-theme="light"] .wia-nav-modal-footer div[style*="color:#888"] { color: #475569 !important; }
html[data-theme="light"] .wia-nav-modal-footer a { color: #4338ca; }

/* ===== focus ring for the header button the engine adds before a.btn-gold / at the end of .nav ===== */
html[data-theme="light"] header button:focus-visible { outline: 2px solid #0f172a; outline-offset: 2px; }