:root {
  /* === CORE PALETTE === */
  --color-primary:       #009599;
  --color-primary-mid:   #007A7E;
  --color-primary-dark:  #023D4D;
  --color-primary-deep:  #012830;
  --color-primary-night: #011E27;
  --color-primary-light: #D6F0F2;
  --color-primary-glass: rgba(0,149,153,0.12);

  --color-accent:        #FDC16C;
  --color-accent-hover:  #F0A93A;
  --color-accent-soft:   #FDE4A8;
  --color-success:       #22C55E;

  /* Gradients */
  --grad-nav:    linear-gradient(135deg, #023D4D 0%, #035F72 60%, #009599 100%);
  --grad-hero:   linear-gradient(140deg, #011E27 0%, #023D4D 35%, #007A7E 65%, #009599 100%);
  --grad-dark:   linear-gradient(135deg, #023D4D, #007A7E);
  --grad-teal:   linear-gradient(135deg, #009599, #023D4D);

  /* Backgrounds */
  --color-bg:        #FFFFFF;
  --color-bg-alt:    #F2F9FA;
  --color-bg-dark:   #023D4D;
  --color-footer:    #011E27;

  /* Text */
  --color-text:       #0D1F2D;
  --color-text-muted: #5B7280;
  --color-border:     #DDE8EC;
  --color-white:      #FFFFFF;

  /* === TYPOGRAPHY === */
  --font-heading: 'Montserrat', sans-serif;
  --font-body:    'Inter', sans-serif;

  --text-xs:   clamp(0.75rem,  1.5vw, 0.8125rem);
  --text-sm:   clamp(0.875rem, 2vw,   0.9375rem);
  --text-base: clamp(0.9375rem,2.5vw, 1rem);
  --text-md:   clamp(1rem,     2.5vw, 1.125rem);
  --text-lg:   clamp(1.125rem, 3vw,   1.375rem);
  --text-xl:   clamp(1.25rem,  3.5vw, 1.75rem);
  --text-2xl:  clamp(1.5rem,   4vw,   2.25rem);
  --text-hero: clamp(2.25rem,  6vw,   4rem);

  /* === SPACING === */
  --space-xs:      0.25rem;
  --space-sm:      0.5rem;
  --space-md:      1rem;
  --space-lg:      1.5rem;
  --space-xl:      2rem;
  --space-2xl:     3rem;
  --space-section: clamp(3.5rem, 8vw, 6rem);

  /* === RADIUS === */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-full: 9999px;

  /* === SHADOWS === */
  --shadow-sm:         0 1px 4px rgba(15,34,51,0.08);
  --shadow-md:         0 4px 16px rgba(15,34,51,0.10);
  --shadow-lg:         0 8px 32px rgba(15,34,51,0.14);
  --shadow-xl:         0 20px 60px rgba(15,34,51,0.20);
  --shadow-card:       0 2px 12px rgba(54,94,114,0.08);
  --shadow-card-hover: 0 12px 36px rgba(54,94,114,0.18);

  /* === TRANSITIONS === */
  --transition:      0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.45s cubic-bezier(0.4, 0, 0.2, 1);

  /* === LAYOUT === */
  --container-max: 1280px;
  --container-pad: clamp(1rem, 5vw, 2rem);
  --nav-height:    66px;
}