/* AMAADOR ACADEMY — Workshop design parity
   One authoritative visual layer, loaded last on every Academy page. */

:root,
html[data-theme="dark"] {
  --bg:#000;
  --bg2:#000;
  --bg3:#121214;
  --window:#121214;
  --surface:#121214;
  --surface2:#1c1c1f;
  --glass:rgba(20,20,24,.82);
  --glass-strong:rgba(24,24,29,.94);
  --ink:#f5f5f7;
  --ink2:#c8cad8;
  --txt:#b8bad0;
  --muted:#9496aa;
  --mut:#9496aa;
  --faint:#6e7090;
  --line:rgba(245,245,247,.12);
  --line2:rgba(245,245,247,.20);
  --line3:rgba(245,245,247,.28);
  --hair:rgba(245,245,247,.07);
  --navy:#f5f5f7;
  --navy2:#fff;
  --on-navy:#04050a;
  --acc:#f5f5f7;
  --acc2:#9496aa;
  --acc-rgb:245,245,247;
  --acc-fill:#f5f5f7;
  --acc-fill2:#d8d9df;
  --acc-dim:rgba(255,255,255,.08);
  --acc-soft:rgba(255,255,255,.06);
  --good:#9db4a6;
  --bad:#c9a8a8;
  --gold:#f5f5f7;
  --gold2:#fff;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI Variable","Segoe UI","Tajawal",Roboto,Arial,sans-serif;
  --font-display:var(--font);
  --font-title:var(--font);
  --font-head:var(--font);
  --font-body:var(--font);
  --r:10px;
  --r-md:12px;
  --r-lg:20px;
  --r-xl:24px;
  --pill:999px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4),0 8px 22px rgba(0,0,0,.3);
  --shadow:0 18px 48px rgba(0,0,0,.42);
  --shadow-lg:0 30px 80px rgba(0,0,0,.58);
  color-scheme:dark;
}

html[data-theme="light"] {
  --bg:#e3e0d3;
  --bg2:#e3e0d3;
  --bg3:#d2ccb2;
  --window:#e3e0d3;
  --surface:#e3e0d3;
  --surface2:#efeCDF;
  --glass:rgba(227,224,211,.9);
  --glass-strong:rgba(239,236,223,.97);
  --ink:#26241c;
  --ink2:#3f3c31;
  --txt:#5c5947;
  --muted:#5c5f75;
  --mut:#5c5f75;
  --faint:#85867f;
  --line:rgba(38,35,25,.14);
  --line2:rgba(38,35,25,.22);
  --line3:rgba(38,35,25,.30);
  --hair:rgba(38,35,25,.10);
  --navy:#26241c;
  --navy2:#14130f;
  --on-navy:#fff;
  --acc:#26241c;
  --acc2:#6b6e85;
  --acc-rgb:38,36,28;
  --acc-fill:#26241c;
  --acc-fill2:#3f3c31;
  --acc-dim:rgba(38,35,25,.08);
  --acc-soft:rgba(38,35,25,.06);
  --good:#5a8a6e;
  --bad:#a85a5a;
  --gold:#26241c;
  --gold2:#26241c;
  --shadow-sm:0 1px 2px rgba(38,35,25,.08),0 8px 20px rgba(38,35,25,.07);
  --shadow:0 18px 42px rgba(38,35,25,.12);
  --shadow-lg:0 30px 70px rgba(38,35,25,.17);
  color-scheme:light;
}

html[data-theme="pitch"] {
  --bg:#000;
  --bg2:#000;
  --bg3:#050505;
  --window:#090909;
  --surface:#090909;
  --surface2:#121212;
  color-scheme:dark;
}

html { background:var(--bg); }
body {
  background:var(--bg) !important;
  color:var(--txt) !important;
  font-family:var(--font) !important;
  font-size:15px;
  line-height:1.7;
}
body::before,
body::after,
.d2-atmos,
.d2-grain,
#neon-grid,
#neon-scan { display:none !important; }

h1,h2,h3,h4,h5,h6,
.brand-main {
  color:var(--ink) !important;
  font-family:var(--font) !important;
  letter-spacing:-.03em !important;
  text-wrap:balance;
}
p,li,dd,.lead,.sub { text-wrap:pretty; }
a { color:inherit; }
::selection { background:rgba(148,150,170,.35);color:var(--ink); }

.site-head,
header,
nav,
.d2-bar {
  background:color-mix(in srgb,var(--bg) 88%,transparent) !important;
  border-color:var(--line) !important;
  -webkit-backdrop-filter:blur(18px) saturate(120%) !important;
  backdrop-filter:blur(18px) saturate(120%) !important;
}
.site-head { border-bottom:1px solid var(--line) !important; }
.brand-cap {
  background:var(--ink) !important;
  color:var(--bg) !important;
  border-radius:10px !important;
  box-shadow:none !important;
}
.brand-sub { color:var(--muted) !important;letter-spacing:.34em !important; }
.nav-links>a,.nav-drop-btn { color:var(--muted) !important; }
.nav-links>a:hover,.nav-links>a.active,.nav-drop-btn:hover { color:var(--ink) !important;background:var(--acc-soft) !important; }
.nav-drop-menu,.lang-switch,.theme-toggle {
  background:var(--surface2) !important;
  border-color:var(--line) !important;
  box-shadow:var(--shadow) !important;
}
.lang-btn.on { background:var(--ink) !important;color:var(--bg) !important; }

.hero,.field-hero,.tool-head {
  background:var(--bg) !important;
  border-color:var(--line) !important;
}
.hero::before,.hero::after,.field-hero::before,.tool-head::before { display:none !important; }
.hero h1 { max-width:18ch; }
.gx {
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:currentColor !important;
  color:var(--ink) !important;
}
.kicker { color:var(--muted) !important;letter-spacing:.08em !important;text-transform:none !important; }
.kicker .dot { background:var(--ink) !important; }

.card,.course-card,.path-card,.domain-card,.tr-card,
.dash-card,.quiz-card,.cert-card,.chapter-card,
[class*="panel"] {
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r-lg) !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
.card:hover,.course-card:hover,.path-card:hover,.domain-card:hover {
  border-color:var(--line3) !important;
  box-shadow:var(--shadow-sm) !important;
  transform:translateY(-2px);
}

.btn,.btn-primary,button[type="submit"],.tr-btn {
  background:var(--ink) !important;
  color:var(--bg) !important;
  border:1px solid var(--ink) !important;
  border-radius:var(--pill) !important;
  box-shadow:none !important;
  font-family:var(--font) !important;
  font-weight:600 !important;
}
.btn:hover,.btn-primary:hover,button[type="submit"]:hover,.tr-btn:hover {
  opacity:.88;
  transform:translateY(-1px);
}
.btn.ghost,.btn-secondary,.btn-ghost {
  background:transparent !important;
  color:var(--ink) !important;
  border-color:var(--line2) !important;
}
.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible {
  outline:2px solid var(--ink) !important;
  outline-offset:3px !important;
}

.chip,.badge,.pill,.tr-badge,.course-code {
  background:var(--acc-soft) !important;
  color:var(--ink) !important;
  border-color:var(--line) !important;
}
.progress,.progress-track,.tr-progress { background:var(--surface2) !important; }
.progress>*,.progress-fill,.tr-progress-fill { background:var(--ink) !important; }

.tr-sidebar,.training-sidebar,.course-nav {
  background:var(--surface) !important;
  border-color:var(--line) !important;
}
.tr-sidebar a.active,.training-sidebar a.active,.course-nav a.active {
  background:var(--acc-soft) !important;
  color:var(--ink) !important;
  border-color:var(--line2) !important;
}
.tr-content,.training-content { max-width:76ch; }
.tr-content table,.training-content table {
  background:var(--surface) !important;
  border-color:var(--line) !important;
}
.tr-content th,.training-content th { background:var(--surface2) !important;color:var(--ink) !important; }
.tr-content td,.training-content td { border-color:var(--line) !important; }
.tr-callout {
  background:var(--surface2) !important;
  color:var(--txt) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r-md) !important;
  box-shadow:none !important;
}

input,textarea,select {
  background:var(--surface2) !important;
  color:var(--ink) !important;
  border:1px solid var(--line2) !important;
  border-radius:12px !important;
  box-shadow:none !important;
}
input::placeholder,textarea::placeholder { color:var(--muted) !important;opacity:1; }

footer,.site-foot {
  background:var(--bg) !important;
  color:var(--muted) !important;
  border-top:1px solid var(--line) !important;
}

@media(max-width:1120px) {
  .nav-links { background:var(--bg) !important;border-color:var(--line) !important; }
}
@media(max-width:720px) {
  .wrap { padding-inline:20px !important; }
  .hero,.field-hero,.tool-head { padding-block:48px 32px !important; }
  h1 { font-size:clamp(2rem,10vw,3rem) !important;overflow-wrap:anywhere; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important; }
}