:root {
  color-scheme: dark;

  /* Typography */
  --font-heading: "Sora", "Avenir Next", "Segoe UI", sans-serif;
  --font-body: "Plus Jakarta Sans", "Segoe UI", sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --text-4xl: 2.75rem;

  --line-tight: 1.2;
  --line-copy: 1.65;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* Radius */
  --radius-sm: 0.5rem;
  --radius-md: 0.9rem;
  --radius-lg: 1.2rem;
  --radius-xl: 1.8rem;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 2px 10px rgba(4, 15, 10, 0.24);
  --shadow-md: 0 10px 28px rgba(4, 15, 10, 0.3);
  --shadow-lg: 0 20px 45px rgba(4, 15, 10, 0.35);

  /* Layout */
  --container-max: 1160px;
  --header-height: 4.25rem;

  /* Motion */
  --easing: cubic-bezier(0.2, 0.9, 0.35, 1);
  --duration-fast: 160ms;
  --duration-base: 260ms;

  /* Dark Theme */
  --bg-page: #101815;
  --bg-page-alt: #16201c;
  --bg-elev-1: rgba(28, 40, 34, 0.9);
  --bg-elev-2: #223129;
  --bg-elev-3: #2c3d34;
  --text-main: #edf4ef;
  --text-muted: #b6c6ba;
  --text-soft: #8fa394;
  --border-soft: rgba(150, 188, 164, 0.26);
  --border-strong: rgba(176, 218, 187, 0.38);
  --accent: #84d2a9;
  --accent-strong: #4ea579;
  --accent-warm: #d7d58f;
  --link: #9be5ba;
  --surface-noise-opacity: 0.045;
}

:root[data-theme="light"] {
  color-scheme: light;

  --bg-page: #f2f5ef;
  --bg-page-alt: #e7eee4;
  --bg-elev-1: rgba(255, 255, 255, 0.92);
  --bg-elev-2: #ffffff;
  --bg-elev-3: #f4f9f3;
  --text-main: #112119;
  --text-muted: #2f4939;
  --text-soft: #486553;
  --border-soft: rgba(22, 46, 33, 0.16);
  --border-strong: rgba(22, 46, 33, 0.28);
  --accent: #2f8f5f;
  --accent-strong: #1f7048;
  --accent-warm: #9c7f2c;
  --link: #246f48;
  --surface-noise-opacity: 0.03;
}