/* ============================================
   VELCITI — tokens.css FINAL
   Updated palette — August 2026
   ============================================ */
:root {
  /* BRAND */
  --navy:        #0A2342;
  --navy-dark:   #12355B;
  --navy-mid:    #1D4E89;
  --blue:        #1565C0;
  --blue-l:      #E3F0FF;
  --gold:        #D4AF37;
  --gold-hover:  #E2C94A;

  /* BACKGROUNDS */
  --white:       #ffffff;
  --cream:       #F8FAFC;
  --warm-white:  #F8FAFC;
  --dark:        #12355B;
  --black:       #0A2342;

  /* TEXT */
  --text-dark:   #1E293B;
  --text-mid:    #64748B;
  --text-muted:  #94A3B8;
  --muted:       #64748B;

  /* BORDERS */
  --border:      #E2E8F0;

  /* TYPOGRAPHY */
  --F:           'Outfit', sans-serif;
  --FB:          'Source Sans 3', sans-serif;
  --font-heading:'Outfit', sans-serif;
  --font-body:   'Source Sans 3', sans-serif;

  /* LAYOUT */
  --max-width:   1200px;
  --gutter:      clamp(16px, 5vw, 48px);
  --nav-height:  84px;
  --section-pad: clamp(40px, 6vw, 64px);

  /* SPACING */
  --space-xs:    8px;
  --space-sm:    16px;
  --space-md:    24px;
  --space-lg:    48px;
  --space-xl:    80px;

  /* RADIUS */
  --radius-sm:   6px;
  --radius:      12px;
  --radius-lg:   20px;

  /* SHADOWS */
  --shadow-card: 0 2px 8px rgba(10,22,40,.06), 0 6px 24px rgba(10,22,40,.07);
  --shadow-hover:0 8px 20px rgba(10,22,40,.1), 0 20px 52px rgba(10,22,40,.12);
  --shadow-nav:  0 2px 16px rgba(0,0,0,.1);
  --shadow-md:   0 8px 32px rgba(10,35,66,0.10);
  --shadow-lg:   0 24px 64px rgba(10,35,66,0.14);

  /* ANIMATION */
  --ease:        cubic-bezier(.16,1,.3,1);
  --anim-ease:   cubic-bezier(0.16,1,0.3,1);
  --hover-speed: 0.2s;
  --anim-speed:  0.65s;

  /* TYPE SCALE */
  --text-label:  11px;
  --text-small:  14px;

  --fs-h1:     64px;
  --fs-h2:     44px;
  --fs-h3:     32px;
  --fs-h4:     24px;
  --fs-body-lg:18px;
  --fs-body:   16px;
  --fs-small:  14px;
  --fs-btn:    16px;

  --fw-heading-bold:   700;
  --fw-heading-semi:   600;
  --fw-body:           400;
  --fw-body-medium:    500;
  --fw-body-semi:      600;
  --fw-btn:            600;
}