:root {
  /* Brand Colors */
  --color-primary:       #17324D;
  --color-primary-dark:  #0F2235;
  --color-primary-light: #E0EAF4;
  --color-gold:          #1bad3f;
  --color-gold-dark:     #196b05;
  --color-gold-light:    #FCE8EC;
  --color-white:         #FFFFFF;
  --color-off-white:     #EBF1F7;
  --color-cream:         #F2EDE4;
  --color-navy:          #17324D;
  --color-green:         #17324D;
  --color-green-dark:    #0F2235;
  --color-text:          #17324D;
  --color-text-light:    #6C89A6;
  --color-text-lighter:  #455769; 
  --color-success:       #22B07D;
  --color-success-light: #D1F0E4;
  --color-border:        #C9D8E8;
  --color-azul-fbo:    #17324D;

  /* Typography */
  --font-heading: 'Sora', 'Inter', 'Arial', sans-serif;
  --font-body:    'Inter', 'Arial', 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.625rem;
  --font-size-xl:   2.25rem;
  --font-size-2xl:  3.5rem;
  --font-size-3xl:  3.75rem;

  /* Spacing */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  2rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;

  /* Layout */
  --container-max:    1200px;
  --border-radius:    12px;
  --border-radius-lg: 18px;
  --border-radius-xl: 24px;

  /* Shadows */
  --shadow-sm: 0 1px 4px rgba(23, 50, 77, 0.06), 0 2px 8px rgba(23, 50, 77, 0.04);
  --shadow-md: 0 4px 16px rgba(23, 50, 77, 0.10), 0 1px 4px rgba(23, 50, 77, 0.06);
  --shadow-lg: 0 12px 40px rgba(23, 50, 77, 0.16), 0 4px 12px rgba(23, 50, 77, 0.08);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 300ms ease;

  /* Header height (for scroll offset) */
  --header-height: 72px;
}