/* ssona — design tokens
 * Direction: light-luxury / Swiss editorial.
 * Ivory ground, charcoal-navy ink, one disciplined indigo accent.
 * No external font/network requests (self-contained, performance + CSP friendly). */

:root {
  /* Color — light (primary) */
  --color-surface: oklch(97.8% 0.008 85);
  --color-surface-raised: oklch(99.4% 0.004 85);
  --color-ink: oklch(23% 0.02 262);
  --color-ink-soft: oklch(44% 0.02 262);
  --color-muted: oklch(62% 0.015 262);
  --color-hairline: oklch(88% 0.01 262);
  --color-accent: oklch(52% 0.12 262);
  --color-accent-ink: oklch(99% 0.004 85);

  /* Typography — serif display + system sans, deliberate pairing, zero network cost */
  --font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  --font-body: system-ui, -apple-system, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", Roboto, sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --text-xl: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);
  --text-display: clamp(2.25rem, 1.5rem + 3.4vw, 4.5rem);

  --leading-tight: 1.05;
  --leading-snug: 1.3;
  --leading-normal: 1.65;

  --tracking-tight: -0.02em;
  --tracking-wide: 0.18em;

  /* Spacing rhythm */
  --space-2xs: 0.5rem;
  --space-xs: 0.875rem;
  --space-sm: 1.25rem;
  --space-md: 2rem;
  --space-lg: 3.5rem;
  --space-xl: 6rem;
  --space-section: clamp(4.5rem, 3rem + 6vw, 9rem);

  --measure: 62ch;
  --container: 72rem;
  --radius: 4px;

  /* Motion */
  --duration-fast: 160ms;
  --duration-normal: 320ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-surface: oklch(20% 0.015 262);
    --color-surface-raised: oklch(24% 0.017 262);
    --color-ink: oklch(94% 0.01 85);
    --color-ink-soft: oklch(78% 0.012 262);
    --color-muted: oklch(64% 0.015 262);
    --color-hairline: oklch(34% 0.015 262);
    --color-accent: oklch(74% 0.11 262);
    --color-accent-ink: oklch(20% 0.015 262);
  }
}
