/* Curator design tokens — dark editorial palette (default). */
/* Copy values from handoff/Curator.html :root. Keep this file small. */

:root {
  /* --- Surface / ink --- */
  --ink-0: #08080a;          /* window background */
  --ink-1: #0e0e11;          /* canvas */
  --ink-2: #141418;          /* raised surface, chips, pills */
  --ink-3: #1a1a20;          /* hover surfaces */

  /* --- Hairlines --- */
  --line: #202026;
  --line-soft: #17171c;

  /* --- Foreground --- */
  --fg: #e8e4da;             /* warm off-white */
  --fg-2: #a8a59c;           /* secondary */
  --fg-3: #6a6862;           /* muted */
  --fg-4: #45433f;           /* faintest */

  /* Aliases so either naming style in the brief works. */
  --fg-0: var(--fg);
  --fg-1: #d6cfc2;

  /* --- Accent --- */
  --accent: oklch(0.78 0.14 70);        /* warm amber / ochre */
  --accent-dim: oklch(0.55 0.10 70);
  --accent-soft: oklch(0.55 0.10 70);
  --danger: oklch(0.72 0.14 25);
  --ok: oklch(0.76 0.11 150);

  /* --- Kind tag palette --- */
  --tag-essay: #9ab8a8;
  --tag-pod:   #c49b7a;
  --tag-vid:   #a89bb8;
  --tag-doc:   #b8a89a;

  /* --- Type families --- */
  --serif: 'Instrument Serif', 'Georgia', serif;
  --sans:  'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --mono:  'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --display: var(--serif);

  /* --- Type scale --- */
  --fs-display: 56px;        /* hero display (desktop) */
  --fs-h1: 40px;
  --fs-h2: 28px;
  --fs-h3: 20px;
  --fs-body: 16.5px;
  --fs-reader: 17.5px;
  --fs-small: 13px;
  --fs-meta: 11px;
  --fs-caption: 10px;
  --lh-body: 1.55;
  --lh-reader: 1.7;
  --tracking-meta: 0.08em;
  --tracking-tight: -0.01em;

  /* --- Layout --- */
  --rail: 56px;              /* desktop icon rail */
  --feeds: 280px;            /* library / feeds panel */
  --meta: 260px;             /* reader metadata column */
  --breakpoint-mobile: 780px;

  /* --- Spacing scale (4, 8, 12, 16, 20, 24, 32, 48, 64) --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  /* --- Radii --- */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;

  /* --- Motion --- */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-fast: 120ms;
  --dur-med: 180ms;
}