/* Hallmark · genre: editorial · theme: custom (vibe: "quiet Arabic press, ink green, lime mark")
 * paper oklch(97.6% 0.009 95) · accent oklch(81% 0.17 122) lime · display Amiri / Newsreader · body IBM Plex Sans Arabic / IBM Plex Sans
 * axes: light / classical-serif / chromatic-other (green) · design-system: design.md · designed-as-app
 */
:root {
  /* light (default) */
  --color-paper:      oklch(97.6% 0.009 95);
  --color-paper-2:    oklch(94.6% 0.013 95);
  --color-surface:    oklch(99.4% 0.004 95);
  --color-ink:        oklch(25% 0.032 160);
  --color-ink-2:      oklch(42% 0.03 150);
  --color-muted:      oklch(55% 0.025 140);
  --color-rule:       oklch(89% 0.014 100);
  --color-accent:     oklch(81% 0.17 122);
  --color-accent-text:oklch(46% 0.12 135);
  --color-on-ink:     oklch(97.6% 0.009 95);
  --color-focus:      oklch(46% 0.12 135);
  --color-header:     oklch(97.6% 0.009 95 / 0.86);

  --font-display-ar: "Amiri", "Noto Naskh Arabic", serif;
  --font-body-ar:    "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-display-en: "Newsreader", Georgia, serif;
  --font-body-en:    "IBM Plex Sans", system-ui, sans-serif;

  --space-3xs: 0.25rem; --space-2xs: 0.5rem; --space-xs: 0.75rem;
  --space-sm: 1rem;     --space-md: 1.5rem;  --space-lg: 2rem;
  --space-xl: 3rem;     --space-2xl: 4.5rem; --space-3xl: 7rem;

  --text-xs: 0.8125rem; --text-sm: 0.9375rem; --text-md: 1.0625rem;
  --text-lg: 1.25rem;   --text-xl: 1.625rem;  --text-2xl: 2.25rem;
  --text-display: clamp(2.5rem, 6.2vw, 4.75rem);

  --radius-card: 14px; --radius-pill: 999px;
  --rule: 1px solid var(--color-rule);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 180ms; --dur-med: 320ms;

  --maxw: 1120px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-paper:      oklch(17.5% 0.02 160);
    --color-paper-2:    oklch(21% 0.022 160);
    --color-surface:    oklch(22.5% 0.022 160);
    --color-ink:        oklch(94% 0.012 95);
    --color-ink-2:      oklch(80% 0.016 110);
    --color-muted:      oklch(66% 0.02 130);
    --color-rule:       oklch(30% 0.02 155);
    --color-accent:     oklch(84% 0.17 122);
    --color-accent-text:oklch(84% 0.17 122);
    --color-on-ink:     oklch(17.5% 0.02 160);
    --color-focus:      oklch(84% 0.17 122);
    --color-header:     oklch(17.5% 0.02 160 / 0.84);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --color-paper:      oklch(17.5% 0.02 160);
  --color-paper-2:    oklch(21% 0.022 160);
  --color-surface:    oklch(22.5% 0.022 160);
  --color-ink:        oklch(94% 0.012 95);
  --color-ink-2:      oklch(80% 0.016 110);
  --color-muted:      oklch(66% 0.02 130);
  --color-rule:       oklch(30% 0.02 155);
  --color-accent:     oklch(84% 0.17 122);
  --color-accent-text:oklch(84% 0.17 122);
  --color-on-ink:     oklch(17.5% 0.02 160);
  --color-focus:      oklch(84% 0.17 122);
  --color-header:     oklch(17.5% 0.02 160 / 0.84);
  color-scheme: dark;
}