/* Design tokens — Bleeper by Slipstream
   Source of truth: DESIGN.md
   Do not edit without updating DESIGN.md first. */

:root {
  /* ─── Colors ────────────────────────────────────────────────────────────── */
  --bg: #FAFAFA;              /* Page background — off-white, warmer than pure white */
  --surface: #FFFFFF;         /* Cards, elevated surfaces */
  --text-primary: #1A1A1A;    /* Near-black — all primary text */
  --text-secondary: #6B7280;  /* Muted labels, helper text, secondary info */
  --accent: #E85D26;          /* Brand accent — warm amber-orange */
  --accent-hover: #CC4D1E;    /* 15% darker — hover/press state */
  --accent-light: #FEF0EA;    /* Accent tint — backgrounds, ghost hover */
  --success: #16A34A;         /* Positive confirmations */
  --success-light: #DCFCE7;   /* Success tint */
  --error: #DC2626;           /* Errors only */
  --error-light: #FEE2E2;     /* Error tint */
  --border: #E5E7EB;          /* Default borders, dividers */
  --border-strong: #D1D5DB;   /* Stronger dividers, button borders */
  --muted-bg: #F3F4F6;        /* Hover state for utility buttons */

  /* ─── Spacing ───────────────────────────────────────────────────────────── */
  --space-2xs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* ─── Border radius ─────────────────────────────────────────────────────── */
  --radius-pill:   9999px;
  --radius-btn:    6px;
  --radius-card:   8px;
  --radius-input:  6px;
  --radius-popup:  12px;

  /* ─── Layout ────────────────────────────────────────────────────────────── */
  --max-width: 1100px;
  --site-padding-desktop: 64px;
  --site-padding-mobile:  28px;
}

/* ─── Dark mode (future Slipstream Now integration) ────────────────────────── */
[data-theme="dark"] {
  --bg: #111111;
  --surface: #1C1C1E;
  --text-primary: #F5F5F5;
  --text-secondary: #9CA3AF;
  --border: #2D2D2F;
  --border-strong: #3D3D3F;
  --muted-bg: #1C1C1E;
  --accent-light: #2D1A10;
  --success-light: #052e16;
  --error-light: #1f0707;
  /* --accent, --accent-hover, --success, --error: unchanged */
}