:root {
  --color-primary: #006b67;
  --color-secondary: #006b67;
  --color-accent: #c89c4b;
  --color-bg: #f5f7fa;
  --color-bg-dark: #0f1f33;
  --color-bg-section: #eef7f6;
  --color-text: #0f1f33;
  --color-text-muted: #5A6A7A;
  --color-text-light: #FFFFFF;
  --color-border: #D6DDE6;

  --color-primary-rgb: 0, 107, 103;
  --color-bg-dark-rgb: 15, 31, 51;
  --color-accent-rgb: 200, 156, 75;

  --color-primary-hover: #005e5a;
  --color-primary-active: #00524f;
  --color-bg-dark-hover: #132742;
  --color-bg-dark-active: #0b1624;

  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-md: 1.125rem;
  --font-size-lg: 1.5rem;
  --font-size-xl: 2rem;
  --font-size-2xl: 2.5rem;
  --font-size-3xl: 3rem;

  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 32px;
  --spacing-lg: 64px;
  --spacing-xl: 128px;

  --border-radius-sm: 4px;
  --border-radius: 8px;
  --border-radius-lg: 16px;
  --border-radius-xl: 32px;

  --shadow-sm: 0 2px 8px rgba(15, 31, 51, 0.08);
  --shadow-md: 0 4px 16px rgba(15, 31, 51, 0.12);
  --shadow-lg: 0 8px 32px rgba(15, 31, 51, 0.18);

  --transition: all 0.3s ease;
  --container-max: 1200px;
  --navbar-height: 80px;

  --heading-letterspacing-tight: -0.02em;
  --h1-size: clamp(2.25rem, 5vw + 0.5rem, 3.25rem);
  --h2-size: clamp(1.75rem, 2.8vw + 1rem, 2.5rem);
  --h3-size: clamp(1.25rem, 1.4vw + 1rem, 1.5rem);
  --h4-size: 1.125rem;
  --h5-size: 1rem;
  --h6-size: 0.95rem;
  --subtitle-size: clamp(1rem, 0.8vw + 0.9rem, var(--font-size-md));
  --subtitle-lineheight: 1.6;
  --title-gap: 10px;
}