/* Kobie "Quiet Intelligence" design tokens. Section 9, 10, 11 of the blueprint. */
:root {
  /* Surfaces */
  --bg: #0B0F14;
  --surface: #0F141B;
  --raised: #151C25;
  --border: rgba(232, 234, 237, 0.08);
  --border-strong: rgba(232, 234, 237, 0.16);

  /* Text */
  --text: #E8EAED;
  --muted: #9AA3B2;
  --faint: #6B7482;

  /* Single accent: reserved for the next-action surface only */
  --accent: #2DD4BF;
  --on-accent: #052E29;

  /* Timeline event blocks (neutral) */
  --event-fill: #1D2632;

  /* Spacing scale: 4 / 8 / 12 / 16 / 24 / 32 / 48 */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s6: 24px;
  --s8: 32px;
  --s12: 48px;

  --screen-pad: 20px;

  /* Radius */
  --r-chip: 8px;
  --r-comp: 12px;
  --r-hero: 16px;
  --r-sheet: 20px;

  /* Type scale (rem-based so OS text settings work) */
  --type-hero: 1.75rem;   /* 28px, 700, -0.5px */
  --type-title: 1.125rem; /* 18px, 500 */
  --type-body: 1rem;      /* 16px, 400 */
  --type-meta: 0.8125rem; /* 13px, 400 */

  --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Touch */
  --tap-min: 48px;

  /* Motion (see motion.css; values here for reference) */
  --motion-fast: 150ms;
  --motion-med: 200ms;
  --motion-sheet-up: 240ms;
  --motion-sheet-down: 200ms;
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
}