/*
  FBFX444 design tokens — derived from docs/plan.md §2.
  This file only defines custom properties; it does not style anything
  itself. Pages opt in by using var(--token-name) in their own CSS.
  Linked before each page's own stylesheet so existing pages that define
  their own :root values keep winning until they're migrated to use
  these tokens directly.
*/

:root {
  /* Color */
  --void: #0d0c08;
  --panel: #16140d;
  --panel-raised: #1c1a10;
  --gold: #b99b48;
  --gold-bright: #e8c874;
  --signal-cyan: #3fd6e0; /* reserved for "live right now" moments only */
  --up: #1fae6c;
  --down: #e0483f;
  --ink: #ede6d3;
  --ink-muted: #938972;
  --border: rgba(185, 155, 72, 0.18);
  --border-strong: rgba(185, 155, 72, 0.4);

  /* Radius (role-based, not uniform — see plan §2) */
  --radius-btn: 6px;
  --radius-card: 12px;
  --radius-pill: 999px;

  /* Spacing (4px grid) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* Type scale */
  --fs-1: 12px;
  --fs-2: 14px;
  --fs-3: 16px;
  --fs-4: 19px;
  --fs-5: 24px;
  --fs-6: 32px;
  --fs-7: 48px;
  --fs-8: 64px;

  /* Motion */
  --dur-micro: 120ms;
  --dur-standard: 240ms;
  --dur-reveal: 480ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
}