:root {
  --color-primary: #008B8B;
  --color-primary-hover: #006F6F;
  --color-secondary: #E6F2F2;
  --color-accent: #5FB3B3;
  --color-text-on-primary: #FFFFFF;
  --color-primary-dark: #006F6F;
  --color-primary-light: #33A3A3;
  --color-text: #1C2B2B;
  --color-text-secondary: #4A5E5E;
  --color-text-tertiary: #7E9292;
  --color-text-on-dark: #F1F7F7;
  --color-text-on-dark-sub: #C5D8D8;
  --color-bg-main: #F6FBFB;
  --color-bg-section-alt: #E9F3F3;
  --color-bg-dark: #0E2A2A;
  --color-bg-overlay: rgba(14, 42, 42, 0.48);
  --color-overlay-hero-top: rgba(14, 42, 42, 0.32);
  --color-overlay-hero-bottom: rgba(14, 42, 42, 0.62);
  --color-text-shadow-hero: rgba(14, 42, 42, 0.55);
  --color-text-shadow-hero-sub: rgba(14, 42, 42, 0.50);
  --color-surface-translucent: rgba(246, 251, 251, 0.95);
  --color-overlay-light: rgba(14, 42, 42, 0.20);
  --color-overlay-header-top: rgba(14, 42, 42, 0.30);
  --color-overlay-strong: rgba(14, 42, 42, 0.52);
  --color-overlay-white-subtle: rgba(241, 247, 247, 0.10);
  --color-shadow-subtle: rgba(14, 42, 42, 0.05);
  --color-shadow-soft: rgba(14, 42, 42, 0.08);
  --color-border: #D2E3E3;
  --color-border-light: #E4F0F0;
  --color-star: #5FB3B3;
  --color-required-bg: #DCEDED;
  --color-required-text: #0A6E6E;
}