:root {
  /* ── Brand ─────────────────────────────────────────────── */
  --accent:        #2bb673;
  --accent-strong: #16a34a;
  --accent-soft:   #d6f25a;
  --accent-soft-2: #c4ec3a;

  /* ── Surfaces — Light ──────────────────────────────────── */
  --bg:          #ffffff;
  --bg-alt:      #f4f5f1;
  --surface:     #ffffff;
  --surface-soft: #d9ed4f;
  --surface-dark: #0f3a23;

  /* ── Text — Light ──────────────────────────────────────── */
  --text:           #0b1f14;
  --text-muted:     #5b6660;
  --text-on-dark:   #ffffff;
  --text-on-soft:   #1a3a18;

  /* ── Borders — Light ───────────────────────────────────── */
  --border:       #e6e8e4;
  --border-strong: #cfd3cc;

  /* ── Shadows ───────────────────────────────────────────── */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.04);
  --shadow-md: 0 6px 20px rgba(15,58,35,.08);

  /* ── Radius ────────────────────────────────────────────── */
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-xl:   40px;
  --radius-pill: 999px;

  /* ── Fonts ─────────────────────────────────────────────── */
  --font-sans:    "Inter", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, "Noto Sans SC", sans-serif;
  --font-display: "Jost", "Inter", "DM Sans", "Syne", system-ui, sans-serif;

  /* ── Spacing ───────────────────────────────────────────── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* ── Layout ────────────────────────────────────────────── */
  --container:  1248px;
  --nav-h:      72px;
  --section-py: var(--space-9);
}

/* ── Dark Theme (system preference) ──────────────────────────── */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:          #1a1e1c;
    --bg-alt:      #202622;
    --surface:     rgba(255,255,255,.06);
    --surface-soft: rgba(255,255,255,.06);
    --surface-dark: rgba(255,255,255,.06);

    --text:         #e6eeea;
    --text-muted:   #d1d5dc;
    --text-on-soft: #d6f25a;

    --border:       rgba(255,255,255,.18);
    --border-strong: rgba(255,255,255,.5);

    --shadow-md: 0 12px 32px rgba(0,0,0,.16);
  }
}

/* ── Dark Theme (manual toggle) ──────────────────────────────── */
:root[data-theme="dark"] {
  --bg:          #1a1e1c;
  --bg-alt:      #202622;
  --surface:     rgba(255,255,255,.06);
  --surface-soft: rgba(255,255,255,.06);
  --surface-dark: rgba(255,255,255,.06);

  --text:         #e6eeea;
  --text-muted:   #d1d5dc;
  --text-on-soft: #d6f25a;

  --border:       rgba(255,255,255,.18);
  --border-strong: rgba(255,255,255,.5);

  --shadow-md: 0 12px 32px rgba(0,0,0,.16);
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 768px) {
  :root {
    --section-py: var(--space-7);
    --nav-h: 56px;
  }
}