/* PhosTools design tokens (approved 2026-11-14). Source of truth for web, app and overlays. */
:root {
  /* Color */
  --phos-void: #0B0B0F;      /* page canvas */
  --phos-surface: #14141A;   /* cards, panels */
  --phos-hairline: #2A2A33;  /* borders only */
  --phos-paper: #F4F1EA;     /* primary text */
  --phos-dust: #A39E94;      /* secondary text */
  --phos-glow: #FFF6D8;      /* rare highlight, live halo */
  --phos-beam: #C9A227;      /* buttons, links, key rules (large text only) */
  --phos-gold: #FFD36A;      /* live indicators */
  --phos-mint: #7CFFB2;      /* success / online */
  --phos-coral: #FF6B6B;     /* errors / destructive */
  --phos-slate: #8A94A6;     /* cool accent, charts */

  /* Type */
  --font-display: "Fraunces", Georgia, serif;
  --font-ui: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, Consolas, monospace;

  /* Shape and motion */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --glow-soft: 0 0 40px rgba(255, 211, 106, 0.18);
  --glow-strong: 0 0 80px rgba(255, 246, 216, 0.28);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 150ms;
  --dur-med: 400ms;
}
@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-med: 0ms; }
}