/* ── Syntene Design Tokens v2.0 ── */
/* Import this file BEFORE any other CSS. */
/* NEVER change a value unless you change it everywhere. */

:root {
  --bg: #070503;
  --surface: rgba(255,255,255,0.02);
  --surface-hover: rgba(255,255,255,0.03);
  --gold: #D4AA50;
  --gold-dark: #9C7A23;
  --gold-light: #F1C463;
  --cream: #E8E0D4;
  --muted: #9B8F77;
  --dim: #6B6355;
  --hot: #e74c3c;
  --warm: #f1c40f;
  --cold: #3498db;
  --success: #2ecc71;
  --danger: #e74c3c;
  --border: rgba(212,170,80,0.08);
  --border-strong: rgba(212,170,80,0.15);
  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;
  --font: 'Outfit', -apple-system, sans-serif;
  --font-display: 'Outfit', serif;
  --spring: cubic-bezier(0.16, 1, 0.3, 1);
}