/* Hunarmand design tokens */
:root{
  --surface:#f3f4f6;--surface-raised:#ffffff;--surface-sunken:#eceef1;
  --line:#e3e5e9;--line-strong:#7e838c;
  --ink:#0b0b0c;--ink-muted:#5c6068;
  --lojuvard:#0b0b0c;--lojuvard-strong:#2e3033;--lojuvard-soft:#ddf3e4;--on-lojuvard:#ffffff;
  --loy:#55595f;--loy-soft:#e4e6fb;--on-loy:#ffffff;
  --firuza:#17663d;--firuza-soft:#ddf3e4;--on-firuza:#ffffff;
  --zar:#7a5200;--zar-soft:#f8ecca;
  --danger:#b3261e;--danger-soft:#fbe0dd;--on-danger:#ffffff;
  --band:#0b0b0c;--on-band:#ffffff;--on-band-muted:#a9adb4;--band-line:#2a2c30;--band-accent:#a8e6c0;
  --link:#0b0b0c;--info:#0b0b0c;--info-soft:#ddf3e4;--success:#17663d;--success-soft:#ddf3e4;--warning:#7a5200;--warning-soft:#f8ecca;
  --glow-blush:#f8e4ec;--glow-lilac:#d8ddf9;--glow-mint:#e1f5da;
  --shadow-sm:0 1px 2px #0b0b0c0d,0 1px 1px #0b0b0c08;
  --shadow-md:0 1px 2px #0b0b0c0a,0 16px 40px -12px #0b0b0c29;
  --shadow-lg:0 4px 8px #0b0b0c0f,0 32px 64px -16px #0b0b0c3d;
  --focus-ring:0 0 0 2px #ffffff,0 0 0 4px #0b0b0c;
  --focus-ring-band:0 0 0 2px #0b0b0c,0 0 0 4px #ffffff;
  color-scheme:light;
}

[data-theme="dark"]{
  --surface:#0f1012;--surface-raised:#1a1b1e;--surface-sunken:#0a0a0b;
  --line:#2a2c30;--line-strong:#6e737b;
  --ink:#f3f4f6;--ink-muted:#a9adb4;
  --lojuvard:#f3f4f6;--lojuvard-strong:#ffffff;--lojuvard-soft:#16301f;--on-lojuvard:#0b0b0c;
  --loy:#a9adb4;--loy-soft:#22243f;--on-loy:#0b0b0c;
  --firuza:#7edca2;--firuza-soft:#12301e;--on-firuza:#06180d;
  --zar:#efc25f;--zar-soft:#372a0b;
  --danger:#ff9086;--danger-soft:#451a16;--on-danger:#3a0b07;
  --band:#050506;--on-band:#f3f4f6;--on-band-muted:#a9adb4;--band-line:#26282c;--band-accent:#a8e6c0;
  --link:#f3f4f6;--info:#f3f4f6;--info-soft:#16301f;--success:#7edca2;--success-soft:#12301e;--warning:#efc25f;--warning-soft:#372a0b;
  --glow-blush:#2a1c24;--glow-lilac:#1d2142;--glow-mint:#17291a;
  --shadow-sm:0 1px 2px #00000080;
  --shadow-md:0 2px 4px #00000066,0 16px 40px -12px #000000b3;
  --shadow-lg:0 32px 64px -16px #000000cc;
  --focus-ring:0 0 0 2px #0f1012,0 0 0 4px #f3f4f6;
  --focus-ring-band:0 0 0 2px #050506,0 0 0 4px #f3f4f6;
  color-scheme:dark;
}