/* Identity Studio — primitive → semantic → component tokens.
   Card artwork deliberately uses its own --c / --a / --fg palette. */
@font-face{font-family:Alexandria;src:url(fonts/Alexandria-Regular.ttf) format('truetype');font-display:swap}
@font-face{font-family:Alexandria;src:url(fonts/Alexandria-SemiBold.ttf) format('truetype');font-weight:600 900;font-display:swap}
@font-face{font-family:Poppins;src:url(fonts/Poppins-Regular.ttf) format('truetype');font-display:swap}
@font-face{font-family:Poppins;src:url(fonts/Poppins-SemiBold.ttf) format('truetype');font-weight:600 900;font-display:swap}
:root{
 --joud-green:#008080;--joud-yellow:#fdd017;--ui-highlight:#fdd017;--teal-900:#006666;--teal-950:#005352;--mint-100:#e8f4ef;--mint-200:#cbe8e1;
 --gray-950:#182d2c;--gray-600:#536760;--gray-300:#7b908b;--gray-200:#dce5e3;--gray-50:#faf9f7;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:96px;
 --text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-display:clamp(36px,4.4vw,64px);
 --radius-sm:6px;--radius-md:10px;--radius-lg:18px;--radius-xl:26px;
 --ui-bg:var(--gray-50);--ui-surface:#fff;--ui-soft:var(--mint-100);--ui-text:var(--gray-950);--ui-muted:var(--gray-600);--ui-border:var(--gray-200);--ui-input-border:var(--gray-300);
 --ui-action:var(--teal-900);--ui-action-hover:var(--teal-950);--ui-on-action:#fff;--ui-focus:#00736f;--ui-canvas:#eef5f2;
 --ui-danger:#a33232;--ui-danger-soft:#fff0ef;--ui-warning:#77520f;--ui-warning-soft:#fff6df;--ui-success:#21634c;
 --shadow-sm:0 2px 5px #183e3510;--shadow-card:0 20px 48px -16px #163e4340;--shadow-dialog:0 24px 80px #102f3238;
 --font:Alexandria,system-ui,sans-serif;--latin:Poppins,Alexandria,system-ui,sans-serif;--ui-font:var(--font);
 --control-height:46px;--control-radius:var(--radius-md);--transition:160ms ease;--content-width:1200px;
 /* Compatibility names used by existing functional widgets. */
 --brand:var(--ui-action);--ink:var(--ui-text);--muted:var(--ui-muted);--paper:var(--ui-bg);--white:var(--ui-surface);--line:var(--ui-border);--mint:var(--mint-200);--selection:var(--ui-focus);
 color-scheme:light;
}
html[lang=en]{--ui-font:var(--latin)}
:root[data-ui-theme=dark]{
 --ui-bg:#132125;--ui-surface:#1b2e32;--ui-soft:#243f40;--ui-text:#edf5f1;--ui-muted:#b1c4c1;--ui-border:#385357;--ui-input-border:#698582;
 --ui-action:#99dfce;--ui-action-hover:#d2f3e5;--ui-on-action:#123c38;--ui-focus:#fdd017;--ui-canvas:#0e1c20;
 --ui-danger:#ffaaa3;--ui-danger-soft:#492c30;--ui-warning:#f4d48c;--ui-warning-soft:#3d3424;--ui-success:#a2dfc1;
 --shadow-card:0 20px 48px -16px #0009;color-scheme:dark;
}