/* =========================
   Variables
   ========================= */
:root {
  --bg: #f7f8f9;
  --surface: #ffffff;
  --text: #111317;
  --text-2: #2a2f36;
  --muted: #6b7380;

  --menta-soft: #eef7f0;
  --menta-bg: #c5eeb0;
  --menta-accent: #95d6a4;

  --dark: #0f1217;
  --dark-2: #141a22;

  --container: 1200px;
  --gutter: 24px;

  --font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --header-h: 64px;
  --snap-h: calc(100svh - var(--header-h));
}