:root {
  --clr-bg: #070c12;
  --clr-surface: #0e1620;
  --clr-surface2: #152030;
  --clr-text: #e6edf5;
  --clr-muted: #8b9bb0;
  --clr-accent: #11c287;
  --clr-accent2: #047857;
  --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: 12px;
  --radius-btn: 8px;
  --shadow-card: 0 8px 30px rgba(0,0,0,.12);
  --maxw: 1080px;
  --card-gap: 26px;
}