:root {
 color-scheme: light;
 --color-paper: oklch(97.5% 0.005 200); --color-surface: oklch(99.5% 0.002 200); --color-paper-2: oklch(95% 0.007 200); --color-paper-3: oklch(90% 0.010 200);
 --color-ink: oklch(24% 0.024 205); --color-ink-2: oklch(34% 0.016 205); --color-muted: oklch(49% 0.012 205); --color-rule: oklch(87% 0.008 200);
 --color-accent: oklch(42% 0.095 160); --color-accent-soft: oklch(94% 0.023 160); --color-accent-ink: oklch(99% 0.003 160); --color-focus: oklch(46% 0.14 145);
 --color-passage: oklch(47% 0.09 65); --color-passage-soft: oklch(94% 0.045 80);
 --color-danger: oklch(45% 0.16 25); --color-danger-soft: oklch(96% 0.018 25); --color-backdrop: oklch(20% 0.02 200 / .3); --color-transparent: transparent;
 --font-display: 'Fraunces', ui-serif, Georgia, serif; --font-body: 'Geist', ui-sans-serif, system-ui, sans-serif; --font-arabic: 'Traditional Arabic', serif;
 --space-2xs:.25rem; --space-xs:.5rem; --space-sm:.75rem; --space-md:1rem; --space-lg:1.5rem; --space-xl:2rem; --space-2xl:3rem; --space-3xl:4rem;
 --text-xs:.75rem; --text-sm:.8125rem; --text-base:.875rem; --text-lg:1rem; --text-xl:1.25rem; --text-2xl:1.625rem; --text-display:clamp(1.75rem,2.6vw,2.5rem);
 --radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-pill:999px;
 --ease-out:cubic-bezier(.16,1,.3,1); --ease-in:cubic-bezier(.7,0,.84,0); --ease-in-out:cubic-bezier(.65,0,.35,1); --dur-micro:120ms; --dur-short:220ms;
 --rule-width:1px; --z-sticky:10; --z-modal:400; --z-toast:500;
}