/* ============================================================================
   AMAADOR CORPORATION SUITE — DESIGN 3.0
   High-contrast luxury monochrome. Single source of truth. Load FIRST.
   ============================================================================ */
:root{
  --bg-void:#040508; --bg-base:#07080F; --bg-raised:#0C0D18; --bg-elevated:#111220; --bg-overlay:#181928;
  --surface-sm:rgba(255,255,255,0.035); --surface-md:rgba(255,255,255,0.055); --surface-lg:rgba(255,255,255,0.08);
  --border-subtle:rgba(255,255,255,0.05); --border-default:rgba(255,255,255,0.09); --border-strong:rgba(255,255,255,0.16); --border-focus:rgba(255,255,255,0.35);
  --text-primary:#F2F3FA; --text-secondary:#B8BAD0; --text-tertiary:#6E7090; --text-disabled:#3A3C52;
  --chrome-dim:#5A5C72; --chrome-mid:#9496AA; --chrome-bright:#C8CAD8; --chrome-shine:#E8EAF0;
  --cta-bg:#FFFFFF; --cta-text:#04050A; --cta-hover:#E8EAF2;
  --accent:#1A6B4A; --accent-dim:color-mix(in srgb,var(--accent) 40%,transparent); --accent-glow:color-mix(in srgb,var(--accent) 20%,transparent);
  --font-display:'Lora',Georgia,serif; --font-body:'Poppins',sans-serif; --font-arabic:'Tajawal',sans-serif; --font-mono:'JetBrains Mono',monospace;
  --text-xs:11px; --text-sm:13px; --text-base:15px; --text-md:17px; --text-lg:22px; --text-xl:30px; --text-2xl:42px; --text-3xl:62px;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;
  --ease-out-expo:cubic-bezier(0.16,1,0.30,1); --ease-spring:cubic-bezier(0.34,1.2,0.64,1); --ease-smooth:cubic-bezier(0.40,0,0.20,1);
}
/* ============================================================================
   LIGHT THEME (2026-07-04c) — the toggle's counterpart to the dark palette
   above: same monochrome/chrome identity, luminance inverted. Glossy warm-white
   surfaces, dark ink, dark CTA (a white CTA would vanish on a light canvas).
   Higher specificity than :root wins without !important, so per-site overrides
   only need to stop RE-forcing the dark bundle onto this selector.
   ============================================================================ */
html[data-theme="light"]{
  --bg-void:#FAF9F6; --bg-base:#F2F1EC; --bg-raised:#FFFFFF; --bg-elevated:#FFFFFF; --bg-overlay:#EAE8E1;
  --surface-sm:rgba(10,10,15,0.035); --surface-md:rgba(10,10,15,0.055); --surface-lg:rgba(10,10,15,0.09);
  --border-subtle:rgba(10,10,15,0.07); --border-default:rgba(10,10,15,0.12); --border-strong:rgba(10,10,15,0.22); --border-focus:rgba(10,10,15,0.4);
  --text-primary:#14151C; --text-secondary:#43465A; --text-tertiary:#75778C; --text-disabled:#B4B6C4;
  --chrome-dim:#B4B6C4; --chrome-mid:#6B6E85; --chrome-bright:#3D3F52; --chrome-shine:#202235;
  --cta-bg:#14151C; --cta-text:#FFFFFF; --cta-hover:#2A2C3D;
}
body{background:var(--bg-base);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;}
h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);letter-spacing:-0.04em;line-height:1.1;}
h2{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);letter-spacing:-0.03em;}
h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);letter-spacing:-0.02em;}
h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);letter-spacing:-0.01em;}
h5,h6{font-size:var(--text-md);font-weight:500;color:var(--text-primary);}
.label,[class*="label"],[class*="eyebrow"],[class*="overline"]{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:0.12em;color:var(--chrome-mid);}
.stat-number,[class*="stat-"],[class*="-stat"],[class~="stat"],[class*="counter"],[class*="metric"]{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-0.03em;}
[lang="ar"],[dir="rtl"],.arabic{font-family:var(--font-arabic);line-height:1.9;direction:rtl;}
.card,[class*="card"],[class*="panel"],[class*="widget"]{background:linear-gradient(158deg,rgba(255,255,255,0.055) 0%,rgba(255,255,255,0.015) 60%,rgba(255,255,255,0) 100%);border:1px solid var(--border-default);border-top-color:rgba(255,255,255,0.12);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),inset 0 -1px 0 rgba(0,0,0,0.40),0 8px 32px rgba(0,0,0,0.50),0 2px 8px rgba(0,0,0,0.30);backdrop-filter:blur(16px) saturate(120%);transition:border-color 220ms var(--ease-smooth),box-shadow 220ms var(--ease-smooth),transform 220ms var(--ease-smooth);}
.card:hover,[class*="card"]:hover{border-color:var(--border-strong);border-top-color:rgba(255,255,255,0.20);box-shadow:inset 0 1px 0 rgba(255,255,255,0.10),0 16px 48px rgba(0,0,0,0.60),0 4px 16px rgba(0,0,0,0.40);transform:translateY(-2px);}
.btn-primary,[class*="btn-primary"],[class*="button-primary"],button[type="submit"]{background:var(--cta-bg)!important;color:var(--cta-text)!important;border:none!important;font-family:var(--font-body)!important;font-size:14px!important;font-weight:600!important;letter-spacing:0.01em!important;padding:12px 28px!important;border-radius:6px!important;box-shadow:0 2px 12px rgba(255,255,255,0.10);transition:background 200ms var(--ease-smooth),box-shadow 200ms var(--ease-smooth),transform 200ms var(--ease-smooth);cursor:pointer;}
.btn-primary:hover{background:var(--cta-hover)!important;box-shadow:0 4px 24px rgba(255,255,255,0.18);transform:translateY(-1px);}
.btn-primary:active{transform:translateY(0);box-shadow:none;}
.btn-ghost,.btn-secondary,[class*="btn-ghost"],[class*="btn-secondary"]{background:transparent!important;color:var(--text-secondary)!important;border:1px solid var(--border-default)!important;border-radius:6px!important;padding:11px 27px!important;font-size:14px!important;transition:color 200ms var(--ease-smooth),border-color 200ms var(--ease-smooth),background 200ms var(--ease-smooth);}
.btn-ghost:hover{color:var(--text-primary)!important;border-color:var(--border-focus)!important;background:var(--surface-sm)!important;}
.btn-icon,[class*="btn-icon"]{background:var(--surface-sm)!important;border:1px solid var(--border-subtle)!important;color:var(--chrome-mid)!important;border-radius:50%!important;transition:color 180ms var(--ease-smooth),background 180ms var(--ease-smooth);}
.btn-icon:hover{background:var(--surface-md)!important;color:var(--chrome-shine)!important;}
nav,header,[class*="navbar"],[class*="nav-bar"],[class*="nav-wrap"],[class*="nav-shell"],[class*="topbar"]{background:var(--bg-void);border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(20px);}
nav a{color:var(--text-tertiary);font-size:14px;font-weight:400;letter-spacing:0.01em;text-decoration:none;transition:color 180ms var(--ease-smooth);}
nav a:hover{color:var(--text-primary);}
nav a.active{color:var(--text-primary);border-bottom:2px solid var(--accent);padding-bottom:2px;}
footer{background:var(--bg-void);border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:var(--text-sm);}
footer a{color:var(--chrome-mid);transition:color 180ms var(--ease-smooth);}
footer a:hover{color:var(--text-primary);}
input,textarea,select{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);padding:10px 14px;transition:border-color 180ms var(--ease-smooth);outline:none;}
input::placeholder{color:var(--text-tertiary);}
input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(255,255,255,0.04);}
input:disabled{color:var(--text-disabled);border-color:var(--border-subtle);cursor:not-allowed;}
hr{border:none;border-top:1px solid var(--border-subtle);}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.animate-in{animation:fadeUp 500ms var(--ease-out-expo) both;}
.animate-fade{animation:fadeIn 400ms var(--ease-smooth) both;}
.animate-in:nth-child(1){animation-delay:0ms;}
.animate-in:nth-child(2){animation-delay:80ms;}
.animate-in:nth-child(3){animation-delay:160ms;}
.animate-in:nth-child(4){animation-delay:240ms;}
.animate-in:nth-child(5){animation-delay:320ms;}
::selection{background:rgba(255,255,255,0.18);color:var(--text-primary);}
html[data-theme="light"] ::selection{background:rgba(10,10,15,0.14);}
:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;}
@media(prefers-reduced-motion:reduce){.animate-in,.animate-fade{animation:none!important;opacity:1!important;transform:none!important;}}
/* ============================================================================
   GLOSSY DARK-BLACK POLISH (2026-07-04) — reinforces the "glossy dark black +
   dark white" identity: specular top edge-lights + wet diagonal sheen so the
   black reads glossy rather than flat matte. Additive; foreground unchanged.
   ============================================================================ */
.card,[class*="card"],[class*="panel"],[class*="widget"]{background-image:linear-gradient(158deg,rgba(255,255,255,0.065) 0%,rgba(255,255,255,0.018) 55%,rgba(255,255,255,0) 100%),radial-gradient(130% 100% at 10% -6%,rgba(255,255,255,0.055),transparent 46%);}
html[data-theme="light"] .card,html[data-theme="light"] [class*="card"],html[data-theme="light"] [class*="panel"],html[data-theme="light"] [class*="widget"]{background-image:linear-gradient(158deg,rgba(10,10,15,0.045) 0%,rgba(10,10,15,0.012) 55%,rgba(10,10,15,0) 100%),radial-gradient(130% 100% at 10% -6%,rgba(255,255,255,0.7),transparent 46%);}
html[data-theme="dark"] .btn-primary,html[data-theme="dark"] [class*="btn-primary"],html[data-theme="dark"] [class*="button-primary"],html[data-theme="dark"] button[type="submit"],
:root:not([data-theme]) .btn-primary,:root:not([data-theme]) [class*="btn-primary"],:root:not([data-theme]) [class*="button-primary"],:root:not([data-theme]) button[type="submit"]{background-image:linear-gradient(180deg,#FFFFFF 0%,#EDEFF5 100%)!important;}
html[data-theme="light"] .btn-primary,html[data-theme="light"] [class*="btn-primary"],html[data-theme="light"] [class*="button-primary"],html[data-theme="light"] button[type="submit"]{background-image:linear-gradient(180deg,#26283A 0%,#14151C 100%)!important;}
input,textarea,select{box-shadow:inset 0 1px 2px rgba(0,0,0,0.28);}
input:focus,textarea:focus,select:focus{box-shadow:inset 0 1px 2px rgba(0,0,0,0.28),0 0 0 3px rgba(255,255,255,0.05);}
/* ============================================================================
   HEADER + POLISHED CHOICE-BUTTONS + MONOCHROME SAFETY-NET (2026-07-04b)
   Header gets a glossy sticky sheen; every nav item / choice chip becomes a
   polished monochrome button with real hover/active states; any residual
   jewel accent on eyebrows / active-nav / gradient-text is forced to chrome.
   ============================================================================ */
/* header: glossy top sheen + hairline base so the black chrome reads machined */
header,nav,[class*="navbar"],[class*="nav-bar"],[class*="nav-wrap"],[class*="topbar"]{box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),inset 0 -1px 0 rgba(0,0,0,0.5);}
/* nav items -> polished pill buttons (works for top-nav AND dropdown rows) */
nav a{padding:8px 14px;border-radius:10px;font-weight:500;transition:color 180ms var(--ease-smooth),background 180ms var(--ease-smooth),box-shadow 180ms var(--ease-smooth);}
nav a:hover{background:var(--surface-sm);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-subtle),inset 0 1px 0 rgba(255,255,255,0.06);}
nav a.active,nav a[aria-current="page"]{color:var(--text-primary)!important;background:var(--surface-md);border-bottom:none!important;padding-bottom:8px;box-shadow:inset 0 0 0 1px var(--border-default),inset 0 1px 0 rgba(255,255,255,0.08);}
/* choice chips / tags / filter pills -> polished glossy monochrome buttons */
.chip,[class*="chip"],.tag,[class*="tag"],.pill,[class*="pill"],[class*="filter-btn"],[class*="toggle-btn"]{border-radius:999px;border:1px solid var(--border-default);background-image:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0));color:var(--text-secondary);transition:color 180ms var(--ease-smooth),border-color 180ms var(--ease-smooth),background 180ms var(--ease-smooth),box-shadow 180ms var(--ease-smooth);}
.chip:hover,[class*="chip"]:hover,.tag:hover,[class*="tag"]:hover,.pill:hover,[class*="pill"]:hover{border-color:var(--border-strong);color:var(--text-primary);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);}
[class*="chip"].active,[class*="chip"][aria-selected="true"],[class*="pill"].active,[class*="tag"].active,[aria-current="true"][class*="chip"]{background:var(--cta-bg);color:var(--cta-text)!important;border-color:var(--cta-bg);}
/* monochrome safety-net: eyebrows/labels + active accents -> chrome, never a jewel hue */
.label,[class*="label"],[class*="eyebrow"],[class*="overline"]{color:var(--chrome-mid)!important;}
nav a.active,nav a[aria-current="page"]{border-color:var(--border-default)!important;}
/* prominent solid CTAs (BEM .btn--solid etc.) -> glossy white per the mandate */
.btn--solid,[class*="btn--solid"],[class*="btn-solid"],[class*="cta-btn"],[class*="btn-cta"]{background:#FFFFFF!important;background-image:linear-gradient(180deg,#FFFFFF 0%,#EDEFF5 100%)!important;color:#04050A!important;border-color:#FFFFFF!important;}