@import url('./shared/base.css');



:root {
  /* Colors */
  --resonance-blue: #0F1D2E;
  --ember-gold:     #F7A644;
  --inner-flame:    #D95C19;
  --stone-grey:     #D8D2C8;
  --luminous-white: #F6F5F3;
  --white:          #FFFFFF;

  --primary-bg:     var(--luminous-white);
  --primary-text:   var(--resonance-blue);
  --accent-1:       var(--ember-gold);
  --accent-2:       var(--inner-flame);
  --muted:          var(--stone-grey);

  /* Typography */
  --font-head: 'Cormorant Garamond', serif;
  --font-body: 'Inter', sans-serif;

  /* Spacing */
  --space-xs:  0.25rem;
  --space-s:   0.5rem;
  --space-m:   1rem;
  --space-l:   2rem;
  --space-xl:  4rem;

  /* Motion */
  --ease:       cubic-bezier(0.4, 0, 0.2, 1);
  --dur-short:  150ms;
  --dur-medium: 300ms;
  --dur-long:   600ms;

  /* Header scroll offset (set dynamically) */
  --header-offset: 0px;
}