:root {
  /* Brand */
  --accent: #22c55e;
  --accent-strong: #16a34a;
  --accent-light: rgba(34, 197, 94, 0.10);
  --accent-mid: rgba(34, 197, 94, 0.22);

  --accent2: #2563eb;
  --accent2-light: rgba(37, 99, 235, 0.10);

  --success: #22c55e;
  --danger: #ef4444;
  --warning: #f59e0b;

  /* Surface tokens */
  --bg: #050505;
  --bg2: #0a0a0a;
  --bg3: #111111;
  --bg4: #1a1a1a;

  /* Text tokens */
  --text: #fafafa;
  --text2: #a1a1aa;
  --text3: #52525b;

  /* Borders / shadows */
  --border: rgba(255,255,255,0.06);
  --border2: rgba(255,255,255,0.10);
  --shadow-soft: 0 10px 30px rgba(0,0,0,0.24);
  --shadow-strong: 0 20px 60px rgba(0,0,0,0.45);

  /* Typography */
  --font: 'Bricolage Grotesque', sans-serif;
  --mono: 'DM Mono', monospace;

  /* Layout */
  --radius: 12px;
  --radius-lg: 16px;
  --section-v: 88px;
  --max-width: 1100px;
  --transition: 0.18s ease;
}