/* Design tokens for every page. Values mirror src/theme.ts in the app. */
:root {
  --bg: #060910;
  --canvas: #0a0d12;
  --panel: #0d1117;
  --surface: rgba(255, 255, 255, 0.035);
  --surface-strong: rgba(255, 255, 255, 0.07);
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  --text: #f4f5f8;
  --text-2: #9aa2ad;
  --text-3: #7b838e;
  --accent: #6bd5cf;
  --accent-end: #78c6e5;
  --accent-soft: rgba(107, 213, 207, 0.14);
  --on-accent: #090d15;
  --gold: #e6a85c;
  --grad: linear-gradient(100deg, var(--accent), var(--accent-end));
  --glow-btn: 0 6px 24px rgba(107, 213, 207, 0.4), 0 0 10px rgba(107, 213, 207, 0.25);

  --display: "Space Grotesk", system-ui, sans-serif;
  --body: Inter, system-ui, -apple-system, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;

  --r-md: 18px;
  --r-lg: 24px;
  --r-card: 28px;

  /* Motion: one easing family for the whole page. */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}