/* Design tokens — Apple-grade palette, type scale, spacing, elevation. */
:root {
  --bg-canvas: #0b0d10;
  --bg-elevated: #14171c;
  --bg-panel: #181c22;
  --bg-panel-alt: #1e232a;
  --bg-hover: #232932;
  --stroke-hairline: rgba(255, 255, 255, 0.08);
  --stroke-strong: rgba(255, 255, 255, 0.16);

  --text-primary: #f5f7fa;
  --text-secondary: #a8b1bd;
  --text-tertiary: #6f7883;
  --text-inverse: #0b0d10;

  --accent: #d4a437;
  --accent-strong: #f0bd4a;
  --accent-muted: rgba(212, 164, 55, 0.14);
  --positive: #4bb87a;
  --caution: #e0a33e;
  --negative: #d4614f;
  --info: #5b9dd9;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter,
    Helvetica, Arial, sans-serif;
  --font-num: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;

  --fs-micro: 11px;
  --fs-small: 12px;
  --fs-body: 13.5px;
  --fs-lead: 15px;
  --fs-title: 19px;
  --fs-display: 26px;

  --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.28);
  --shadow-lift: 0 2px 6px rgba(0, 0, 0, 0.45), 0 18px 48px rgba(0, 0, 0, 0.4);

  --sidebar-w: 248px;
  --topbar-h: 60px;

  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
}