@font-face {
  font-family: Vazirmatn;
  src: url(../fonts/Vazirmatn-Variable.woff2) format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
:root {
  color-scheme: light;
  --bg: #f7f9fd;
  --surface: #ffffff;
  --surface-alt: #eef2fa;
  --ink: #182033;
  --muted: #59647a;
  --brand: #4538ce;
  --brand-hover: #3529b1;
  --brand-soft: #eeeafd;
  --line: #dce2ee;
  --green: #137347;
  --green-soft: #e4f5eb;
  --amber: #925d00;
  --amber-soft: #fff3cf;
  --blue: #3949bc;
  --blue-soft: #eaf0ff;
  --progress: #65517c;
  --progress-soft: #f0eaf6;
  --gold: #edaa08;
  --gold-edge: #b27700;
  --stage: #e9edfc;
  --focus: #4538ce;
  --on-brand: #ffffff;
  --glow-indigo: #b0a9f65c;
  --glow-cyan: #96ddd952;
  --shadow: 0 16px 48px #26355c0b;
  --shadow-raised: 0 24px 64px #26355c16;
  --font: Vazirmatn, Tahoma, sans-serif;
  --radius: 24px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}
:root[data-theme=dark] {
  color-scheme: dark;
  --bg: #090c12;
  --surface: #121721;
  --surface-alt: #1a2230;
  --ink: #f0f3fa;
  --muted: #aab5c9;
  --brand: #b0a7ff;
  --brand-hover: #c8c1ff;
  --brand-soft: #262240;
  --line: #2a3445;
  --green: #79e2ac;
  --green-soft: #132e25;
  --amber: #ffce66;
  --amber-soft: #332819;
  --blue: #a5b7ff;
  --blue-soft: #1d2948;
  --progress: #ceadeb;
  --progress-soft: #2b2139;
  --gold: #ffc629;
  --gold-edge: #ffd966;
  --stage: #181d31;
  --focus: #c8c1ff;
  --on-brand: #17112f;
  --glow-indigo: #5142b84a;
  --glow-cyan: #157d8536;
  --shadow: 0 16px 48px #00000030;
  --shadow-raised: 0 24px 64px #00000050;
}
/* OS fallback also works when JavaScript or storage is unavailable. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --bg: #090c12;
    --surface: #121721;
    --surface-alt: #1a2230;
    --ink: #f0f3fa;
    --muted: #aab5c9;
    --brand: #b0a7ff;
    --brand-hover: #c8c1ff;
    --brand-soft: #262240;
    --line: #2a3445;
    --green: #79e2ac;
    --green-soft: #132e25;
    --amber: #ffce66;
    --amber-soft: #332819;
    --blue: #a5b7ff;
    --blue-soft: #1d2948;
    --progress: #ceadeb;
    --progress-soft: #2b2139;
    --gold: #ffc629;
    --gold-edge: #ffd966;
    --stage: #181d31;
    --focus: #c8c1ff;
    --on-brand: #17112f;
    --glow-indigo: #5142b84a;
    --glow-cyan: #157d8536;
    --shadow: 0 16px 48px #00000030;
    --shadow-raised: 0 24px 64px #00000050;
  }
}