@font-face { font-family: "Vazirmatn"; src: url("/assets/Vazirmatn-Regular-2087977f.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("/assets/Vazirmatn-Bold-34365f5a.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Amiri Quran"; src: url("/assets/AmiriQuran-f56ccd9d.ttf") format("truetype"); font-display: swap; }

:root {
  color-scheme: light;
  --font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Vazirmatn", "Noto Sans Hebrew", sans-serif;
  --font-script: "Vazirmatn", ui-sans-serif, system-ui, "Noto Sans Hebrew", sans-serif;
  --font-quran: "Amiri Quran", "Vazirmatn", serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;

  --color-ink: #17151f;
  --color-ink-soft: #4a4658;
  --color-ink-faint: #7b7689;
  --color-paper: #fbfaf7;
  --color-surface: #ffffff;
  --color-surface-sunken: #f2f0ea;
  --color-line: #e3dfd5;
  --color-line-strong: #c9c3b5;
  --color-accent: #c2410c;
  --color-accent-strong: #9a3412;
  --color-accent-soft: #fff1e6;
  --color-focus: #2563eb;
  --color-success: #15803d;
  --color-success-soft: #e9f7ee;
  --color-warning: #a16207;
  --color-warning-soft: #fdf6dc;
  --color-danger: #b91c1c;
  --color-danger-soft: #fdecec;
  --color-prompter-background: #0b0b0f;
  --color-prompter-text: #f8f6f0;

  --radius-small: 6px;
  --radius: 10px;
  --radius-large: 16px;
  --shadow-small: 0 1px 2px rgb(23 21 31 / 6%);
  --shadow: 0 1px 2px rgb(23 21 31 / 6%), 0 6px 18px rgb(23 21 31 / 7%);
  --shadow-large: 0 10px 40px rgb(23 21 31 / 14%);
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4.5rem;
  --content-width: 72rem;
  --reading-width: 44rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --color-ink: #f1eee8;
    --color-ink-soft: #c9c4d4;
    --color-ink-faint: #918ba0;
    --color-paper: #121118;
    --color-surface: #1a1922;
    --color-surface-sunken: #23212d;
    --color-line: #2e2c39;
    --color-line-strong: #45424f;
    --color-accent: #fb923c;
    --color-accent-strong: #fdba74;
    --color-accent-soft: #2f1d12;
    --color-success-soft: #10291a;
    --color-warning-soft: #2c2410;
    --color-danger-soft: #331414;
    --shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 6px 18px rgb(0 0 0 / 30%);
  }
}