/* Kukarma — design tokens. Single source of truth for color, type, spacing.
   Spec section 6 gives hex; richer oklch values (from the prototype) used here,
   hex kept in comments as fallback reference. */
:root {
  --cream: oklch(0.96 0.015 75);        /* #F7F1E4 */
  --cream-2: oklch(0.93 0.02 75);       /* #EFE7D4 */
  --paper: oklch(0.98 0.008 75);        /* #FBF6EA */
  --ink: oklch(0.22 0.012 60);          /* #2B221C */
  --ink-2: oklch(0.38 0.012 60);        /* #5B4F44 */
  --ink-3: oklch(0.55 0.012 60);        /* #8B7F72 */
  --line: oklch(0.86 0.015 70);         /* #E0D5BD */
  --line-2: oklch(0.78 0.02 70);
  --terracotta: oklch(0.58 0.14 45);    /* #C0694E */
  --terracotta-deep: oklch(0.48 0.14 40);
  --olive: oklch(0.55 0.06 110);        /* #6B7A3A */
  --ochre: oklch(0.72 0.11 75);         /* #C68A2E */
  --clay: oklch(0.78 0.05 55);

  /* Fonts — self-hosted, declared in fonts.css via @font-face */
  --font-display: "DM Serif Display", "Playfair Display", Georgia, serif;
  --font-body: "Work Sans", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Type scale (fluid) */
  --h1: clamp(44px, 7vw, 96px);
  --h2: clamp(32px, 4vw, 56px);
  --h3: clamp(22px, 2.2vw, 32px);

  /* Spacing — fluid so rhythm scales smoothly across breakpoints */
  --space-section: clamp(56px, 9vw, 96px);
  --space-section-sm: clamp(48px, 7vw, 64px);
  --pad-x: clamp(20px, 5vw, 40px);   /* gutter; scales 320 → 1440 */
  --pad-x-mobile: 20px;              /* fixed gutter for mobile sheet/bar */

  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 14px;

  --maxw: 1280px;
}