:root {
  --color-primary-950: #033729;
  --color-primary-900: #064c39;
  --color-primary-800: #0c5d43;
  --color-primary-700: #0c6b4b;
  --color-primary-600: #148a61;
  --color-primary-500: #0f7a58;
  --color-primary-100: #e6f5ef;
  --color-primary-50: #f1fbf7;

  --color-ink-900: #121827;
  --color-ink-700: #3d495e;
  --color-ink-500: #616d7e;
  --color-border: #d7dce2;
  --color-surface: #ffffff;
  --color-surface-muted: #f6f8f7;

  --color-coral: #ff4b4d;
  --color-soft-coral: #fde7e5;
  --color-violet: #4a3cff;
  --color-soft-violet: #e9e7fb;
  --color-green: #62d68a;
  --color-soft-green: #e8f6ed;

  --font-family: 'Nunito', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --container-width: 1280px;
  --page-gutter: clamp(1.25rem, 4vw, 2.5rem);
  --section-space: clamp(5rem, 8vw, 7.5rem);

  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;
  --shadow-soft: 0 18px 50px rgb(8 64 46 / 10%);
}