:root {
  color-scheme: light;
  --font-display: "Sora", "Segoe UI", sans-serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --bg: #f4f8f7;
  --bg-elevated: #fbfdfc;
  --bg-muted: #e7efee;
  --surface: rgba(251, 253, 252, 0.88);
  --surface-strong: rgba(249, 252, 251, 0.94);
  --surface-muted: rgba(241, 246, 245, 0.9);
  --surface-dark: rgba(11, 30, 36, 0.78);
  --text-strong: #0d2430;
  --text: #173743;
  --text-muted: #58717a;
  --text-inverse: #f4faf9;
  --line: rgba(13, 36, 48, 0.12);
  --line-strong: rgba(13, 36, 48, 0.2);
  --accent: #0c8c77;
  --accent-strong: #096654;
  --accent-soft: #d6f4ee;
  --accent-glow: rgba(73, 214, 188, 0.22);
  --ocean: #6aaed0;
  --sand: #efe7d7;
  --hero-scrim: rgba(239, 248, 247, 0.72);
  --radius-xs: 0.85rem;
  --radius-sm: 1.1rem;
  --radius-md: 1.5rem;
  --radius-lg: 2rem;
  --shadow-soft: 0 22px 60px rgba(10, 25, 32, 0.08);
  --shadow-card: 0 18px 44px rgba(10, 25, 32, 0.08);
  --shadow-focus: 0 0 0 3px rgba(12, 140, 119, 0.16);
  --max-width: 1220px;
  --header-height: 5rem;
  --section-space: clamp(4.5rem, 10vw, 8rem);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --rain-opacity: 0.06;
  --orbit-opacity: 0.24;
}