:root {
  --clr-bg: #070c12;
  --clr-surface: #0e1620;
  --clr-surface2: #152030;
  --clr-text: #e6edf5;
  --clr-muted: #8b9bb0;
  --clr-accent: #10bd84;
  --clr-accent2: #047454;
  --clr-cta: #06b6d4;
  --clr-cta-text: #041e26;
  --clr-border: rgba(16,185,129,.22);

  --font-head: 'Trebuchet MS', 'Lucida Grande', system-ui, sans-serif;
  --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --radius-card: 11px;
  --radius-btn: 7px;
  --shadow-card: 0 8px 30px rgba(0,0,0,.12);
  --maxw: 1120px;
  --card-gap: 22px;
}