:root {
  /* Big Breath — Navy / Electric Blue palette (from logo, 2026-05-15) */

  /* Base — dark foundation */
  --bb-void:        #060D1A;
  --bb-navy:        #0B1428;
  --bb-navy-mid:    #0D1B3E;
  --bb-navy-lift:   #112244;

  /* Energy — electric blue (particle layer, accent) */
  --bb-electric:    #1B6FD8;
  --bb-bright:      #4A9FE8;
  --bb-ice:         #6AB4F5;
  --bb-mist:        #A0C8FF;

  /* Foreground */
  --bb-white:       #FFFFFF;
  --bb-white-70:    rgba(255, 255, 255, 0.70);
  --bb-white-40:    rgba(255, 255, 255, 0.40);
  --bb-white-10:    rgba(255, 255, 255, 0.08);

  /* Gold — brand accent from pitch deck */
  --bb-gold:        #D4A855;
  --bb-gold-glow:   rgba(212, 168, 85, 0.25);

  /* Utility */
  --bb-line:        rgba(74, 159, 232, 0.20);
  --bb-glow:        rgba(27, 111, 216, 0.35);

  /* Semantic aliases */
  --color-bg:       var(--bb-navy);
  --color-bg-deep:  var(--bb-void);
  --color-bg-lift:  var(--bb-navy-mid);
  --color-accent:   var(--bb-electric);
  --color-accent-h: var(--bb-bright);
  --color-text:     var(--bb-white);
  --color-text-soft:var(--bb-white-70);
  --color-text-mute:var(--bb-white-40);
  --color-border:   var(--bb-line);

  /* Type stack */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --w-normal: 400;
  --w-medium: 500;
  --w-semi:   600;
  --w-bold:   700;

  /* Type scale */
  --t-xs:   0.6875rem;
  --t-sm:   0.8125rem;
  --t-base: 1rem;
  --t-lg:   1.125rem;
  --t-xl:   1.375rem;
  --t-2xl:  1.75rem;
  --t-3xl:  2.25rem;
  --t-4xl:  2.875rem;
  --t-5xl:  3.75rem;
  --t-6xl:  4.75rem;
  --t-hero: clamp(3.5rem, 8vw, 7rem);

  /* Spacing (8px grid) */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  20px;
  --s-6:  24px;
  --s-8:  32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;
  --s-20: 80px;
  --s-25: 100px;
  --s-30: 120px;

  /* Layout */
  --max-w:   1200px;
  --gutter:  clamp(24px, 5vw, 80px);
  --col-gap: clamp(16px, 2.5vw, 40px);

  /* Easing */
  --ease:        cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:    cubic-bezier(0, 0, 0.2, 1);
  --ease-in:     cubic-bezier(0.4, 0, 1, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-expo:   cubic-bezier(0.16, 1, 0.3, 1);

  /* Duration */
  --d-fast:   150ms;
  --d-base:   300ms;
  --d-slow:   600ms;
  --d-slower: 900ms;
  --d-cinematic: 1200ms;

  /* Radius */
  --r-sm:  6px;
  --r-md:  12px;
  --r-lg:  20px;
  --r-pill: 999px;
}
