:root,
[data-theme="bidi-light"]{
  --c-brand: 0 94 184;       --c-brand-tx: 0 82 158;
  --c-brand-50: 238 245 252; --c-brand-100: 215 232 248;
  --c-brand-600: 0 86 168;   --c-brand-700: 0 70 138;   --c-brand-900: 1 46 92;
  --c-accent: 255 102 0;     --c-accent-tx: 179 71 0;
  --c-accent-50: 255 243 234;--c-accent-600: 232 92 0;
  --c-accent-od: 255 173 112;--c-on-accent: 38 16 0;
  --c-ink: 17 25 39;         --c-ink-600: 61 74 92;
  --c-ink-400: 95 108 126;   --c-ink-300: 100 110 128;
  --c-line: 228 233 240;     --c-line-soft: 239 243 248;
  --c-paper: 246 248 251;    --c-surface: 255 255 255;  --c-bg: 255 255 255;
  --c-scrim: 12 22 38;
  --c-ok: 22 163 74;   --c-ok-50: 240 253 244; --c-ok-200: 187 247 208;
  --c-ok-600: 22 163 74; --c-ok-700: 21 128 61;
  --c-bad: 220 38 38;  --c-bad-500: 239 68 68;  --c-bad-600: 190 28 28; --c-bad-solid: 185 28 28;

  --sh-1:   0 1px 2px rgba(1,46,92,.05),  0 4px 10px -3px rgba(1,46,92,.07);
  --sh-2:   0 2px 4px rgba(1,46,92,.05),  0 12px 28px -8px rgba(1,46,92,.13);
  --sh-3:   0 8px 16px -6px rgba(1,46,92,.12), 0 28px 52px -14px rgba(0,94,184,.28);
  --sh-pop: 0 8px 20px -8px rgba(1,46,92,.25), 0 44px 96px -24px rgba(1,46,92,.48);
  --glow: 255 255 255;
  color-scheme: light;
}

[data-theme="navy-light"]{
  --c-brand: 7 42 108;       --c-brand-tx: 10 60 147;
  --c-brand-50: 238 241 249; --c-brand-100: 214 222 239;
  --c-brand-600: 6 31 81;    --c-brand-700: 4 23 61;    --c-brand-900: 3 18 47;
  --c-accent: 215 148 45;    --c-accent-tx: 138 91 16;
  --c-accent-50: 251 244 231;--c-accent-600: 184 123 30;
  --c-accent-od: 233 176 92; --c-on-accent: 32 21 0;
  --c-ink: 19 26 42;         --c-ink-600: 62 71 89;
  --c-ink-400: 97 107 125;   --c-ink-300: 99 109 128;
  --c-line: 228 231 240;     --c-line-soft: 240 242 248;
  --c-paper: 247 248 252;    --c-surface: 255 255 255;  --c-bg: 255 255 255;
  --c-scrim: 6 16 36;
  --c-ok: 22 163 74;   --c-ok-50: 240 253 244; --c-ok-200: 187 247 208;
  --c-ok-600: 22 163 74; --c-ok-700: 21 128 61;
  --c-bad: 220 38 38;  --c-bad-500: 239 68 68;  --c-bad-600: 190 28 28; --c-bad-solid: 185 28 28;

  --sh-1:   0 1px 2px rgba(3,18,47,.06),  0 4px 10px -3px rgba(3,18,47,.08);
  --sh-2:   0 2px 4px rgba(3,18,47,.06),  0 12px 28px -8px rgba(3,18,47,.14);
  --sh-3:   0 8px 16px -6px rgba(3,18,47,.14), 0 28px 52px -14px rgba(7,42,108,.3);
  --sh-pop: 0 8px 20px -8px rgba(3,18,47,.28), 0 44px 96px -24px rgba(3,18,47,.5);
  --glow: 255 255 255;
  color-scheme: light;
}

[data-theme="bidi-dark"]{
  --c-brand: 11 111 208;     --c-brand-tx: 111 180 245;
  --c-brand-50: 20 38 61;    --c-brand-100: 30 51 82;
  --c-brand-600: 10 99 186;  --c-brand-700: 10 93 175;  --c-brand-900: 7 17 32;
  --c-accent: 255 122 31;    --c-accent-tx: 255 168 102;
  --c-accent-50: 42 26 12;   --c-accent-600: 232 106 10;
  --c-accent-od: 255 173 112;--c-on-accent: 38 16 0;
  --c-ink: 233 238 247;      --c-ink-600: 183 195 214;
  --c-ink-400: 148 162 184;  --c-ink-300: 132 146 168;
  --c-line: 38 52 76;        --c-line-soft: 28 39 64;
  --c-paper: 16 26 43;       --c-surface: 22 35 58;     --c-bg: 11 18 32;
  --c-scrim: 5 11 22;
  --c-ok: 34 197 94;   --c-ok-50: 14 42 27;   --c-ok-200: 29 77 51;
  --c-ok-600: 34 197 94; --c-ok-700: 110 231 160;
  --c-bad: 248 113 113; --c-bad-500: 248 113 113; --c-bad-600: 252 165 165; --c-bad-solid: 153 27 27;

  --sh-1:   0 1px 2px rgba(0,0,0,.4),  0 4px 12px -3px rgba(0,0,0,.5);
  --sh-2:   0 2px 6px rgba(0,0,0,.45), 0 14px 30px -8px rgba(0,0,0,.55);
  --sh-3:   0 10px 20px -6px rgba(0,0,0,.55), 0 30px 56px -14px rgba(0,0,0,.65);
  --sh-pop: 0 10px 24px -8px rgba(0,0,0,.6), 0 48px 100px -24px rgba(0,0,0,.8);
  --glow: 130 190 255;
  color-scheme: dark;
}

[data-theme="navy-dark"]{
  --c-brand: 27 84 180;      --c-brand-tx: 143 176 240;
  --c-brand-50: 19 30 60;    --c-brand-100: 27 42 80;
  --c-brand-600: 23 72 154;  --c-brand-700: 18 60 130; --c-brand-900: 5 10 20;
  --c-accent: 229 169 63;    --c-accent-tx: 240 192 112;
  --c-accent-50: 42 32 16;   --c-accent-600: 206 144 38;
  --c-accent-od: 233 176 92; --c-on-accent: 32 21 0;
  --c-ink: 233 236 246;      --c-ink-600: 182 191 212;
  --c-ink-400: 146 156 180;  --c-ink-300: 130 143 166;
  --c-line: 35 45 74;        --c-line-soft: 25 34 58;
  --c-paper: 12 19 34;       --c-surface: 18 26 46;     --c-bg: 7 12 24;
  --c-scrim: 4 8 18;
  --c-ok: 34 197 94;   --c-ok-50: 14 42 27;   --c-ok-200: 29 77 51;
  --c-ok-600: 34 197 94; --c-ok-700: 110 231 160;
  --c-bad: 248 113 113; --c-bad-500: 248 113 113; --c-bad-600: 252 165 165; --c-bad-solid: 153 27 27;

  --sh-1:   0 1px 2px rgba(0,0,0,.45), 0 4px 12px -3px rgba(0,0,0,.55);
  --sh-2:   0 2px 6px rgba(0,0,0,.5),  0 14px 30px -8px rgba(0,0,0,.6);
  --sh-3:   0 10px 20px -6px rgba(0,0,0,.6), 0 30px 56px -14px rgba(0,0,0,.7);
  --sh-pop: 0 10px 24px -8px rgba(0,0,0,.65), 0 48px 100px -24px rgba(0,0,0,.82);
  --glow: 180 200 255;
  color-scheme: dark;
}

:root{
  --ease:     cubic-bezier(.25,1,.5,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
}

body{ background:rgb(var(--c-bg)); color:rgb(var(--c-ink)); -webkit-font-smoothing:antialiased; }
:focus-visible{ outline:3px solid rgb(var(--c-brand-tx)); outline-offset:2px; border-radius:4px; }

@media print{
  html[data-theme]{
    --c-brand: 0 94 184;       --c-brand-tx: 0 82 158;
    --c-brand-50: 238 245 252; --c-brand-100: 215 232 248;
    --c-brand-600: 0 86 168;   --c-brand-700: 0 70 138;   --c-brand-900: 1 46 92;
    --c-accent: 255 102 0;     --c-accent-tx: 179 71 0;
    --c-accent-50: 255 243 234;--c-accent-600: 232 92 0;
    --c-accent-od: 179 71 0;   --c-on-accent: 38 16 0;
    --c-ink: 17 25 39;         --c-ink-600: 61 74 92;
    --c-ink-400: 95 108 126;   --c-ink-300: 110 120 135;
    --c-line: 199 207 219;     --c-line-soft: 221 227 236;
    --c-paper: 255 255 255;    --c-surface: 255 255 255;  --c-bg: 255 255 255;
    --c-scrim: 12 22 38;
    color-scheme: light;
  }
  body{ background:#fff !important; color:#111927 !important; }
}