/* ============================================================================
   AMAADOR FINANCE — site override (ai-quantum-os.com)  ·  Design 3.0
   Loads AFTER amaador-design-system.css AND style.css.
   1) Sets the site accent.  2) Remaps style.css's legacy token vocabulary
   (--bg/--brand/--ink/...) onto the monochrome Design 3.0 palette so every
   token-driven rule + inline style re-skins at once. No hex left driving color.
   ============================================================================ */
:root { --accent: #1A1A6B; } /* Deep indigo — used sparingly (nav-active, stats) */

:root{
  /* backgrounds → monochrome */
  --bg-deep:#040508; --bg:#07080F; --surface:#0C0D18; --surface-2:#111220;
  --card:#0C0D18; --card-2:#111220;
  --glass:rgba(12,13,24,.66); --glass-strong:rgba(4,5,8,.82);

  /* ink */
  --ink:#F2F3FA; --ink-2:#B8BAD0; --muted:#6E7090;

  /* borders */
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.16); --hair:rgba(255,255,255,.06);

  /* brand / accent / primary → chrome (monochrome). No colored fills. */
  --brand:#C8CAD8; --brand-600:#9496AA; --brand-700:#6E7090;
  --brand-50:rgba(255,255,255,.08);
  --accent:#C8CAD8;
  --green:#9496AA; --green-50:rgba(255,255,255,.08);
  --gold:#C8CAD8;
  --blue:#9496AA;
  /* CTA → white */
  --danger:#c9a8a8;

  /* gradients → dark-to-chrome, no color */
  --grad:linear-gradient(100deg,#E8EAF0,#C8CAD8 55%,#9496AA);
  --grad-violet:linear-gradient(100deg,#E8EAF0,#C8CAD8 55%,#9496AA);
  --grad-green:linear-gradient(100deg,#E8EAF0,#C8CAD8 55%,#9496AA);

  /* glows → neutral chrome haze */
  --glow-blue:rgba(255,255,255,.10);
  --glow-violet:rgba(255,255,255,.09);
  --glow-green:rgba(255,255,255,.08);

  /* fonts → Design 3.0 (body Poppins, display/serif Lora) */
  --font:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --serif:'Lora','Georgia',serif;
}

/* CTA buttons / primary actions → white on dark (monochrome, not jewel accent) */


/* ===== 2026-07-04 glossy-monochrome polish ===== */

/* ---- [2] DARK-THEME TOKEN REASSERTION (dark only) ----
   Re-assert the monochrome ladder under html[data-theme="dark"] (and the
   root/no-attribute default) so the glossy black-on-dark identity stays put.
   html[data-theme="light"] is intentionally NOT included here — the shared
   core (amaador-design-system.css) now ships a complete light-theme token
   block, and duplicating dark values onto the light attribute is what broke
   the theme toggle (clicking it changed localStorage but the palette never
   visibly changed). Let the light tokens from the core cascade normally. */
:root, html, html[data-theme="dark"]{
  --bg-deep:#040508; --bg:#07080F; --surface:#0C0D18; --surface-2:#111220;
  --card:#0C0D18; --card-2:#111220;
  --ink:#F2F3FA; --ink-2:#B8BAD0; --muted:#6E7090;
  --txt:#F2F3FA; --mut:#B8BAD0; --dim:#6E7090; --nav:#C8CAD8;
  --brand:#C8CAD8; --brand-600:#9496AA; --brand-700:#6E7090; --accent:#C8CAD8;
}

/* ---- [2d] PITCH-THEME TOKEN BLOCK (OLED true-black refinement of dark) ----
   Background-only refinement of the [2] dark block above: pushes this site's
   own bg/surface/card token ladder to near-true-black. Text/chrome/accent
   tokens are copied verbatim from the dark block — pitch is not a new
   palette, just a darker canvas. Wins over the bare :root/html dark block on
   attribute-selector specificity, so source order doesn't matter. */
html[data-theme="pitch"]{
  --bg-deep:#000000; --bg:#000000; --surface:#050505; --surface-2:#0A0A0A;
  --card:#050505; --card-2:#0A0A0A;
  --ink:#F2F3FA; --ink-2:#B8BAD0; --muted:#6E7090;
  --txt:#F2F3FA; --mut:#B8BAD0; --dim:#6E7090; --nav:#C8CAD8;
  --brand:#C8CAD8; --brand-600:#9496AA; --brand-700:#6E7090; --accent:#C8CAD8;
}

/* ---- [2c] LIGHT-THEME TOKEN BLOCK (light only) ----
   Adds the missing light-mode values for this file's own legacy token
   vocabulary (the tokens style.css/index.html actually consume via var()).
   Mirrors the shared core's light ladder (bg-void/base/raised, text-primary/
   secondary/tertiary, chrome-dim/mid/bright/shine, cta-bg/text) onto this
   site's --bg/--ink/--brand-family names so every component here re-skins
   correctly when html[data-theme="light"] is set. Structure (gradient/blur
   layering) is preserved elsewhere; only the tint flips from dark to warm
   off-white / dark ink. */
html[data-theme="light"]{
  /* backgrounds → warm off-white / white surfaces */
  --bg-deep:#FAF9F6; --bg:#F2F1EC; --surface:#FFFFFF; --surface-2:#EAE8E1;
  --card:#FFFFFF; --card-2:#F2F1EC;
  --glass:rgba(255,255,255,.66); --glass-strong:rgba(255,255,255,.85);
  --nav:#43465A;

  /* ink → dark ink ladder (mirrors dark-mode contrast relationships inverted) */
  --ink:#14151C; --ink-2:#43465A; --muted:#75778C;

  /* borders → black-based subtle tints (mirrors the white-based alpha scale) */
  --line:rgba(10,10,15,.10); --line-2:rgba(10,10,15,.18); --hair:rgba(10,10,15,.07);

  /* brand / accent / jewel tokens → darkened chrome grey (visible on off-white;
     the dark-mode light-grey chrome would vanish on this canvas) */
  --brand:#3D3F52; --brand-600:#6B6E85; --brand-700:#8A8CA0;
  --brand-50:rgba(10,10,15,.06);
  --accent:#3D3F52;
  --green:#6B6E85; --green-50:rgba(10,10,15,.06);
  --gold:#3D3F52;
  --blue:#6B6E85;
  /* status (restrained, desaturated per monochrome mandate) */
  --danger:#8a5f5f;

  /* gradients → light-to-dark chrome, no color */
  --grad:linear-gradient(100deg,#8A8CA0,#6B6E85 55%,#3D3F52);
  --grad-violet:linear-gradient(100deg,#8A8CA0,#6B6E85 55%,#3D3F52);
  --grad-green:linear-gradient(100deg,#8A8CA0,#6B6E85 55%,#3D3F52);

  /* glows → neutral dark-chrome haze (a white glow disappears on light bg) */
  --glow-blue:rgba(10,10,15,.10);
  --glow-violet:rgba(10,10,15,.09);
  --glow-green:rgba(10,10,15,.08);
}

/* ---- [2b] SITE-SPECIFIC COLOR LEAK — header logo glow + nav text ----
   style.css's :root sets --glow-blue:rgba(59,130,246,.5) (periwinkle drop-shadow
   on .brand .logo) and --brand:#5d8aff (jewel blue); index.html's own inline
   <style> block additionally sets --nav:#cdd4e6 (light periwinkle nav text) on
   :root with the same specificity as a plain :root rule. !important here beats
   both that inline block and style.css's plain :root, on every page. */
:root, html{
  --glow-blue:rgba(255,255,255,.3)!important;
  --nav:#C8CAD8!important;
  --brand:#9a9a9a!important;
}

/* ---- [1] MONOCHROME ENFORCEMENT — neutralize saturated leaks ---- */

/* selection + inline code (blue text/blue selection) */
::selection{background:rgba(255,255,255,.18)!important;color:#F2F3FA!important}
code{color:#C8CAD8!important}

/* ambient aurora blobs (blue / violet / green radial glows) → neutral chrome haze */
.fx-aurora b:nth-child(1){background:radial-gradient(circle,rgba(255,255,255,.10),transparent 68%)!important}
.fx-aurora b:nth-child(2){background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%)!important}
.fx-aurora b:nth-child(3){background:radial-gradient(circle,rgba(255,255,255,.06),transparent 72%)!important}
body::before,body::after{background-image:none!important}

/* card hover glow (periwinkle border+shadow) → chrome */
a.card:hover{
  border-color:var(--line-2,rgba(255,255,255,.16))!important;
  box-shadow:0 34px 70px -30px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

/* icon badge (blue tint fill/border/inner-glow) → white-alpha tint */
.badge{
  background:rgba(255,255,255,.06)!important;color:#C8CAD8!important;
  border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 0 18px rgba(255,255,255,.05)!important;
}

/* pills (gold "hot", green "green") → chrome greys on white-alpha */
.pill.hot{background:rgba(255,255,255,.07)!important;color:#C8CAD8!important;border-color:rgba(255,255,255,.16)!important}
.pill.green{background:rgba(255,255,255,.06)!important;color:#9496AA!important;border-color:rgba(255,255,255,.14)!important}

/* calculator card (blue→violet gradient bg + blue border/shadow) → dark glossy */
.calc-card{
  background:linear-gradient(158deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.015) 55%,transparent 100%),var(--card,#0C0D18)!important;
  border:1px solid var(--line-2,rgba(255,255,255,.16))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 32px rgba(0,0,0,.5)!important;
}

/* result panel glow (green radial ::before) → neutral */
.result::before{background:radial-gradient(circle,rgba(255,255,255,.10),transparent 65%)!important}

/* segmented active state uses --grad (already chrome via token) — ensure text stays legible */
.seg button.active{color:#04050A!important;box-shadow:0 8px 20px -8px rgba(0,0,0,.5)!important}

/* table hover (blue tint) + compare "yes" (green text) → chrome */
table.data tbody tr:hover{background:rgba(255,255,255,.05)!important}
table.compare .yes{color:#C8CAD8!important}

/* callout.warn (gold bg/border) → white-alpha + chrome */
.callout.warn{background:rgba(255,255,255,.05)!important;border-color:var(--line-2,rgba(255,255,255,.16))!important}

/* faq open border (periwinkle) → chrome */
.faq-item.open{border-color:var(--line-2,rgba(255,255,255,.16))!important}

/* CTA band (blue→violet gradient + green screen glow) → glossy dark chrome */
.band{
  background:linear-gradient(135deg,#111220,#0C0D18)!important;
  box-shadow:var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.band::after{background:radial-gradient(60% 120% at 12% 18%,rgba(255,255,255,.10),transparent 55%)!important;mix-blend-mode:screen}

/* lead-cta icon tile (green gradient) → chrome sheen on dark */
.lead-cta .ic{
  background:linear-gradient(135deg,#E8EAF0,#9496AA)!important;color:#04050A!important;
  box-shadow:0 8px 22px -8px rgba(0,0,0,.5)!important;
}

/* --- index.html inline hero "stage": --scene is set inline via JS to 7 hues
   (#8b8cf9 #38bdf8 #10b981 #a78bfa #2dd4bf #22d3ee #f5b544). Inline custom
   props can't be beaten from a sheet, so neutralize the CONSUMING rules. --- */
.aw-bg{background:radial-gradient(1200px 840px at 50% 30%,rgba(255,255,255,.05),#07080F 72%)!important}
.aw-aurora{background:conic-gradient(from 0deg at 50% 46%,rgba(255,255,255,.08),transparent 38%,rgba(255,255,255,.04) 68%,transparent)!important;opacity:.4!important}
.aw-scene-ic{filter:drop-shadow(0 0 26px rgba(255,255,255,.28))!important}
.aw-pill{
  background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.14)!important;color:#B8BAD0!important;
}
.aw-pill:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.22)!important;color:#F2F3FA!important}
.aw-scene-cta{
  background:linear-gradient(100deg,#E8EAF0,#C8CAD8 55%,#9496AA)!important;color:#04050A!important;
  box-shadow:0 16px 44px -12px rgba(0,0,0,.55)!important;
}
.aw-scene-cta:hover{box-shadow:0 26px 64px -12px rgba(0,0,0,.6)!important;color:#04050A!important}
.aw-rail button.on{color:#C8CAD8!important}
.aw-dots button.on{background:#C8CAD8!important}
.mega a.all{color:#C8CAD8!important}
.eco-foot .eco-links a:hover{border-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.10)!important}

/* gradient text (--grad token already chrome) — belt-and-braces chrome sheen */
[class*="gx"],.grad-text{
  background:linear-gradient(100deg,#E8EAF0,#C8CAD8 55%,#9496AA)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}

/* ---- [3] GLOSS REINFORCEMENT — real surface classes get a glossy finish that wins ---- */
.card,.hero-card,.chart-box,.tool-card,.calc,.stat,.toc,.lead-cta,.mega{
  background-image:linear-gradient(158deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.015) 55%,transparent 100%),linear-gradient(180deg,var(--card,#0C0D18),var(--card,#0C0D18))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 32px rgba(0,0,0,.5)!important;
}

/* ---- [4] SELECTOR OVER-MATCH BUGS (core broad selectors hitting layout wrappers) ---- */
/* layout wrappers whose name contains card/panel wrongly getting glass+blur+shadow */
.card-grid,.cards-grid,.card-list,.card-row,.tool-cards,.grid-cards,[class*="cards"]{
  background:none!important;background-image:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:none!important;border:none!important;padding:0!important;
}
/* footer h4 uses .label-like uppercase already intended — leave; but guard eco-foot heads
   from stat-size blowups if any "stat" substring collides: none here. */

/* ---- [5] CONTRAST / READABILITY — inputs, placeholders, muted text on dark ---- */
input,textarea,select{background:var(--bg-raised,#0C0D18)!important;color:#F2F3FA!important;border-color:rgba(255,255,255,.16)!important}
select option{background:#0C0D18!important;color:#F2F3FA!important}
input::placeholder,textarea::placeholder{color:#8A8CA6!important}
.note,.disclaimer,.footer-bottom,.foot-links a{color:#B8BAD0!important}
.aw-scene-sub{color:#B8BAD0!important}


/* ===== 2026-07-04b round-2 polish ===== */

/* ---- [R2-1] RESIDUAL COLOR-LEAK KILL — inline <style> + decorative classes the
   round-1 token remap could not reach (hardcoded hex / per-page --scene hues).
   Meaning-bearing risk heat-scales (aml .gauge, VaR distribution tail fills,
   portfolio SVG data-plot series) are deliberately LEFT intact per the mandate. */

/* index.html hero "stage": --scene is set inline (7 hues) so beat the CONSUMERS.
   Round-1 caught .aw-bg/.aw-aurora/.aw-scene-ic/.aw-pill/.aw-scene-cta/rail/dots.
   These five still drank --scene: */
.aw-bg::after{background:rgba(255,255,255,.05)!important}          /* scene pattern tint */
.aw-kicker .dot{background:#C8CAD8!important;box-shadow:0 0 12px rgba(255,255,255,.35)!important} /* glowing hue dot */
.aw-scene-no{color:#9496AA!important}                              /* scene-tinted eyebrow */
.aw-arrow:hover,.aw-play:hover{border-color:rgba(255,255,255,.28)!important;color:#F2F3FA!important} /* control hover hue */
.aw-progress>span{background:#C8CAD8!important}                    /* progress bar fill */

/* aml-transaction-risk-scorer.html — decorative tier badges / status flags / choice
   fills to chrome (the .gauge risk heat-scale itself is KEPT as meaning-bearing). */
.tier-low,.tier-med{background:rgba(255,255,255,.06)!important;color:#C8CAD8!important;border-color:rgba(255,255,255,.16)!important}
.flag.ok .fic,.flag.warn .fic{background:rgba(255,255,255,.08)!important;color:#C8CAD8!important}
.seg input:checked+label,
.seg input:checked+label[data-l="1"],
.seg input:checked+label[data-l="2"],
.seg input:checked+label[data-l="3"]{background:#FFFFFF!important;background-image:linear-gradient(180deg,#FFFFFF,#EDEFF5)!important;border-color:#FFFFFF!important;color:#04050A!important}
.tag[style]{color:#C8CAD8!important}                               /* inline color:#34d399 / #f5c451 tags */

/* equity-valuation-dcf.html — verdict flags, seg toggle, error callout */
.flag.under,.flag.over{background:rgba(255,255,255,.06)!important;color:#C8CAD8!important}
.seg button.on{background:rgba(255,255,255,.08)!important;color:#F2F3FA!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.20)!important}
.err{background:rgba(255,255,255,.05)!important;border-left-color:rgba(255,255,255,.22)!important}

/* financial-calculator-tvm.html — "solve" tags, solved label, radio accent, bar */
.solve-tag{color:#C8CAD8!important;border-color:rgba(255,255,255,.28)!important}
.field.solved label{color:#F2F3FA!important}
.radio-row input{accent-color:#C8CAD8!important}
.dcf-bar .bar.pos{background:linear-gradient(180deg,#C8CAD8,rgba(255,255,255,.30))!important}

/* portfolio-analytics.html — verdict flag + legend swatches (blue/violet dots).
   SVG data-plot series (JS-drawn) left intact as meaning-bearing chart data. */
.verdict.up{background:rgba(255,255,255,.06)!important;color:#C8CAD8!important}
.legend i[style],.leg i[style]{background:#C8CAD8!important}

/* ---- [R2-2] PRIMARY / HERO CTA -> GLOSSY WHITE ----
   Site hero CTA is .aw-scene-cta (round-1 left it chrome-gradient). Upgrade to
   glossy white per the mandate; also cover the classic .btn-primary / .btn-gold. */
.aw-scene-cta,
.btn-primary,[class*="btn-primary"],
.btn-gold{
  background:#FFFFFF!important;
  background-image:linear-gradient(180deg,#FFFFFF,#EDEFF5)!important;
  color:#04050A!important;border-color:#FFFFFF!important;
  box-shadow:0 16px 44px -14px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.6)!important;
}
.aw-scene-cta:hover,.btn-primary:hover,.btn-gold:hover{
  color:#04050A!important;filter:none!important;
  box-shadow:0 24px 60px -14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.7)!important;
}

/* ---- [R2-3] HEADER + NAV REFINEMENT ----
   (a) The core turns every `nav a` into a padded pill. The two logo anchors
   (.amaador-brand-logo corp mark + .brand FINANCE home) must NOT get pill
   padding/hover — reset them so the machined lockup stays clean. */
.amaador-brand-logo,.brand,.brand:hover,
.amaador-brand-logo:hover,[class*="logo"]{
  padding:0!important;background:none!important;box-shadow:none!important;
  border:none!important;border-radius:0!important;
}
/* (b) Top-nav items on this site are .nav-top / .nav-link buttons (not `nav a`);
   the mega-menu rows ARE `nav a` and correctly become pills. Tighten the mega
   pill padding a touch so the dropdown does not crowd, and keep them chrome. */
.mega a{padding:8px 12px!important;border-radius:10px!important}
.mega a:hover{background:rgba(255,255,255,.07)!important;color:#F2F3FA!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important}
/* active top-nav reads as a clean chrome pill (no jewel underline) */
.nav-top.active,.nav-link.active,.nav-item.open>.nav-top,
[aria-current="page"]{color:#F2F3FA!important;border-bottom:none!important}
/* header stays on dark chrome with a glossy top sheen */
.aw-top{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}

/* ---- [R2-4] CHOICE CHIPS / FILTER BUTTONS -> polished monochrome pills ----
   The .seg segmented controls are this site's main choice UI. Base = glossy dark
   pill; selected = white (handled per-page above + core .seg .active). Ensure the
   idle seg buttons read as machined dark pills with a designed hover. */
.seg{background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.10)!important}
.seg button,.seg label{border-radius:9px!important;transition:background .18s,color .18s,box-shadow .18s!important}
.seg button:not(.active):not(.on):hover,
.seg label:hover{background:rgba(255,255,255,.06)!important;color:#F2F3FA!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important}
/* tag / chip filters (e.g. tools & guides category chips) -> chrome pills */
.tag,.chip,.filter-chip{background:rgba(255,255,255,.05)!important;color:#C8CAD8!important;border:1px solid rgba(255,255,255,.14)!important}
.tag:hover,.chip:hover,.filter-chip:hover{background:rgba(255,255,255,.09)!important;color:#F2F3FA!important;border-color:rgba(255,255,255,.22)!important}
.chip.active,.tag.active,.filter-chip.active,
.chip[aria-selected="true"]{background:#FFFFFF!important;color:#04050A!important;border-color:#FFFFFF!important}