:root {
  --bg: #0A0D12;
  --bg-alt: #0C1016;
  --bg-deep: #080B0F;
  --surface: #0F141B;
  --surface-2: #161C25;
  --border: #1D2530;
  --border-2: #222B37;
  --border-3: #263040;
  --grid-line: #141A22;
  --text: #E7ECF2;
  --text-2: #C9D2DD;
  --muted: #B7C1CE;
  --faint: #8E9AAA;
  --accent: #3DD6C4;
  --accent-ink: #04201C;
  --warn: #F2A33A;

  --font-sans: "Geist", "Geist Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", "Geist Mono Fallback", ui-monospace, "Cascadia Code", "SF Mono", Consolas, "Liberation Mono", monospace;

  --wrap: 1240px;
  --gutter: 24px;
  --section-y: 120px;
  --radius-card: 18px;
  --radius-btn: 10px;
}

@media (max-width: 720px) {
  :root { --section-y: 72px; }
}