:root {
  /* Brand colors */
  --sata-navy:        #002857;
  --sata-navy-dark:   #0D1B36;
  --sata-navy-footer: #152035;
  --sata-teal:        #52C6E2;
  --sata-teal-dark:   #0090C8;
  --sata-teal-light:  #E6F7FD;
  --sata-white:       #FFFFFF;
  --sata-gray-light:  #F5F7FA;
  --sata-gray:        #E4E9F0;
  --sata-gray-mid:    #8A9BB0;
  --sata-text:        #1D2F4D;
  --sata-text-muted:  #5A6A7E;
  --sata-magical: #0072CE;
  --sata-link: #0082BB;

  /* Feature card colors */
  --card-light:       #E7F1F8;
  --card-blue-dark:   #1D2F4D;
  --card-teal:        #0090C8;
  --card-navy:        #0D1B36;

  /* Bootstrap overrides */
  --bs-primary:       #1D2F4D;
  --bs-secondary:     #00AEEF;
  --bs-primary-rgb:   29, 47, 77;
  --bs-secondary-rgb: 0, 174, 239;
  --bs-link-color:    #00AEEF;
  --bs-link-hover-color: #0090C8;
  --bs-body-color:    #1D2F4D;
  --bs-body-font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  --bs-border-radius: 6px;
  --bs-border-radius-lg: 10px;
  --bs-border-radius-xl: 16px;

  /* Spacing */
  --section-padding:  4rem 0;
  --card-padding:     1.5rem;
  --container-px:         60px;
  --container-px-mobile:  16px;

  /* Shadows */
  --shadow-card: 0 2px 12px rgba(29, 47, 77, 0.10);
  --shadow-card-hover: 0 6px 24px rgba(29, 47, 77, 0.16);

  /* Transitions */
  --transition: 0.2s ease;

  /* Radius */
  --radius-btn:  12px;
  --radius-pill: 8px;

  /* Hero */
  --hero-radius: 0 0 48px 48px;
  --hero-bg-image: url('/sites/default/files/images/80a6575ca5842e76e843c405ae35b154210d3c73.png');
  --hero-overlay-tint: rgba(0, 40, 87, 0.20);
  --hero-arrow-border: rgba(255, 255, 255, 0.75);
}