/* --- FONTS --- */
@import url('https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&f[]=satoshi@400,500,700&display=swap');

/* --- CSS VARIABLES --- */
:root {
  --bg: #050505;
  --bg2: #101010;
  --card: #141414;
  --card2: #1a1a1a;
  --white: #ffffff;
  --text: #e8e8e8;
  --muted: #bdbdbd;
  --dim: #7a7a7a;
  --green: #00FF88;
  --green-soft: #00C46A;
  --green-dim: rgba(0, 255, 136, 0.12);
  --green-glow: rgba(0, 255, 136, 0.25);
  --border: rgba(255, 255, 255, 0.07);
  --border-bright: rgba(255, 255, 255, 0.12);
  --font-display: 'Clash Display', 'Inter', sans-serif;
  --font-body: 'Satoshi', 'Inter', sans-serif;
  --font-mono: 'SFMono-Regular', 'Consolas', 'Liberation Mono', monospace;
  --radius: 16px;
  --radius-sm: 10px;
  --radius-lg: 24px;
  --section-pad: 140px;
  --container: 1240px;
  --transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --grid-line: rgba(255,255,255,0.08);
}