/* ═══════════════════════════════════════════════════
   Atomi — Design Tokens
   ═══════════════════════════════════════════════════ */

:root {
  /* Paper tones */
  --ivory: oklch(0.974 0.018 74);
  --ivory-clean: oklch(0.992 0.01 82);
  --ivory-warm: oklch(0.948 0.026 64);
  --p-dim: oklch(0.935 0.008 84);

  /* Ink */
  --ink: oklch(0.145 0.082 289);
  --ink-soft: oklch(0.34 0.042 284);
  --muted: oklch(0.52 0.025 282);

  /* Brand accents */
  --violet: oklch(0.63 0.19 294);
  --violet-soft: oklch(0.72 0.15 304);
  --violet-deep: oklch(0.24 0.12 294);
  --coral: oklch(0.76 0.12 45);
  --gold: oklch(0.78 0.11 77);

  /* Glass */
  --glass: oklch(0.992 0.01 82 / 0.58);
  --glass-strong: oklch(0.99 0.012 82 / 0.74);
  --edge: oklch(0.62 0.035 76 / 0.24);
  --edge-violet: oklch(0.66 0.12 294 / 0.2);

  /* Shadows */
  --shadow-1: 0 1px 2px oklch(0.3 0.02 250 / 0.04), 0 6px 16px oklch(0.3 0.02 250 / 0.05);
  --shadow-2: 0 2px 4px oklch(0.3 0.02 250 / 0.04), 0 12px 32px oklch(0.3 0.02 250 / 0.08);
  --shadow-3: 0 4px 8px oklch(0.3 0.02 250 / 0.05), 0 20px 48px oklch(0.3 0.02 250 / 0.12);

  /* Editorial rhythm */
  --rhythm-paper: oklch(0.986 0.014 76);
  --rhythm-paper-deep: oklch(0.958 0.026 64);
  --rhythm-paper-soft: oklch(0.994 0.009 82 / 0.78);
  --rhythm-rail: oklch(0.99 0.012 82 / 0.62);
  --rhythm-rail-strong: oklch(0.99 0.012 82 / 0.84);
  --rhythm-line: oklch(0.62 0.035 76 / 0.18);
  --rhythm-line-strong: oklch(0.62 0.035 76 / 0.28);
  --rhythm-violet-wash: oklch(0.72 0.15 304 / 0.08);
  --rhythm-gold-wash: oklch(0.84 0.12 73 / 0.12);
  --rhythm-shadow-deep: 0 30px 90px oklch(0.35 0.06 292 / 0.11);

  /* Typography */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* Spacing scale */
  --space-8: 8px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;

  /* Radii (Phase 3 unified) */
  --radius-sm: 8px;
  --radius-btn: 18px;
  --radius-input: 16px;
  --radius-card: 28px;
  --radius-full: 999px;
  /* Legacy aliases */
  --radius-md: var(--radius-input);
  --radius-lg: var(--radius-card);
  --radius-xl: var(--radius-card);

  /* Wordmark progress */
  --aw-progress: 0%;
}