/* iGamHub — Design Token Sheet */
:root {
  /* ── Background ── */
  --bg:          #040810;
  --bg2:         #07101f;
  --surface-3:   rgba(255,255,255,.04);

  /* ── Foreground ── */
  --fg1:         #f0f4ff;
  --fg2:         rgba(240,244,255,.55);
  --fg3:         rgba(240,244,255,.3);
  --fg-on-amber: #000;

  /* ── Accent: Amber ── */
  --amber:         #F5A623;
  --amber-bright:  #FFB83F;
  --amber-deep:    #D4891C;
  --amber-glow:    rgba(245,166,35,.18);
  --amber-wash:    rgba(245,166,35,.06);

  /* ── Accent: Mint ── */
  --mint:       #5EF6C8;
  --mint-glow:  rgba(94,246,200,.35);

  /* ── Semantic ── */
  --pos:  #22d57a;
  --neg:  #ff5b5b;
  --cat:  var(--amber);

  /* ── Borders / Shadows ── */
  --border:        rgba(255,255,255,.08);
  --border-strong: rgba(255,255,255,.14);
  --shadow-2:      0 4px 20px rgba(0,0,0,.4);
  --shadow-3:      0 8px 40px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.3);
  --glow-amber:    0 0 32px -4px var(--amber-glow);

  /* ── Gradients ── */
  --gradient-text: linear-gradient(135deg, #fff 0%, var(--amber) 100%);

  /* ── Radius ── */
  --r-sm:   6px;
  --r-lg:   16px;
  --r-pill: 999px;

  /* ── Motion ── */
  --dur:  .18s;
  --ease: cubic-bezier(.4,0,.2,1);

  /* ── Typography ── */
  --font-ui:      'Inter', system-ui, sans-serif;
  --font-display: 'Inter', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;
}