:root {
  --font-display: "Segoe UI Variable Display", "Aptos Display", "Segoe UI", Arial, sans-serif;
  --font-body: "Segoe UI Variable Text", "Aptos", "Segoe UI", Arial, sans-serif;

  --c-bg: #edf2f0;
  --c-surface: #f9fbfa;
  --c-surface-2: #dce7e3;
  --c-text: #101d2a;
  --c-muted: #52616b;
  --c-accent: #55f0ba;
  --c-accent-contrast: #0b2530;
  --c-dark: #0b1d2a;
  --c-dark-text: #f1f8f5;
  --c-border: rgba(16, 29, 42, .18);

  --container: 1280px;
  --section-y: clamp(4.75rem, 8vw, 9rem);
  --gutter: clamp(1.15rem, 3vw, 2.75rem);
  --radius-sm: 6px;
  --radius-md: 18px;
  --shadow-card: 0 22px 70px rgba(5, 20, 31, .12);
  --header-h: 84px;
}