:root {
  color-scheme: light;
  --ocean-900: #07334f;
  --ocean-800: #08466a;
  --ocean-700: #075c82;
  --ocean-600: #087aa2;
  --ocean-500: #0d94a8;
  --ocean-400: #36b9cb;
  --ocean-300: #79d5df;
  --ocean-200: #c8eef1;
  --ocean-100: #eaf9fa;

  --sky-500: #2c9fe7;
  --leaf-600: #4aa93c;
  --leaf-500: #6abc48;
  --leaf-100: #edf8e8;
  --sun-500: #f7a21b;
  --coral-500: #f27138;
  --purple-500: #8062c6;

  --sand-100: #fbf6eb;
  --sand-200: #f3e7cf;
  --ink-900: #102c42;
  --ink-700: #3c5366;
  --ink-500: #6f8190;
  --surface: rgba(255, 255, 255, 0.88);
  --surface-solid: #ffffff;
  --surface-muted: #f4f8f9;
  --border: rgba(7, 68, 91, 0.12);
  --shadow-sm: 0 6px 18px rgba(11, 57, 76, 0.08);
  --shadow-md: 0 18px 45px rgba(11, 57, 76, 0.14);
  --shadow-lg: 0 30px 80px rgba(11, 57, 76, 0.2);

  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 30px;
  --radius-pill: 999px;

  --header-height: 78px;
  --nav-height: 82px;
  --speed-fast: 160ms;
  --speed-normal: 240ms;
  --speed-slow: 520ms;
  --ease-out: cubic-bezier(.2, .8, .2, 1);

  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
}