/* Design tokens ported verbatim from the No Daley Claude Design system
   (Design System.dc.html v1.0). Do not redefine values inline elsewhere —
   every color, radius, and shadow in styles.css should reference one of
   these custom properties. */
:root {
  /* Color */
  --bg: oklch(0.984 0.006 70);
  --surface: oklch(1 0 0);
  --surface-2: oklch(0.968 0.007 75);
  --ink: oklch(0.24 0.012 55);
  --ink-2: oklch(0.47 0.011 55);
  --ink-3: oklch(0.64 0.009 55);
  --border: oklch(0.905 0.006 70);
  --border-strong: oklch(0.85 0.008 65);
  --accent: #C2603D;
  --accent-2: oklch(0.60 0.09 195);
  --success: oklch(0.60 0.11 150);
  --warning: oklch(0.80 0.12 80);
  --danger: oklch(0.56 0.17 27);

  /* Radius */
  --r: 14px;
  --r-lg: 20px;
  --r-pill: 999px;

  /* Shadow */
  --sh-sm: 0 1px 2px rgba(60, 40, 25, 0.06);
  --sh-md: 0 6px 20px -6px rgba(60, 40, 25, 0.14);
  --sh-lg: 0 20px 44px -12px rgba(60, 40, 25, 0.22);

  /* Spacing, 4px base */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* Type */
  --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

}