:root {
  /* Palette */
  --bb-cream:      #F2EADC;
  --bb-oat:        #E8DCC8;
  --bb-sand:       #D9C9AE;
  --bb-terracotta: #B85937;
  --bb-amber:      #C8843E;
  --bb-sage:       #7A8C4E;
  --bb-charcoal:   #2A2520;
  --bb-ink:        #4A3F35;
  --bb-line:       #C9B89A;

  /* Type scale */
  --t-xs:   .75rem;
  --t-sm:   .875rem;
  --t-base: 1rem;
  --t-lg:   1.25rem;
  --t-xl:   1.625rem;
  --t-2xl:  2.125rem;
  --t-3xl:  2.875rem;
  --t-4xl:  3.75rem;
  --t-5xl:  5rem;
  --t-6xl:  6.5rem;

  /* Weights */
  --w-light: 300;
  --w-reg:   400;
  --w-med:   500;
  --w-semi:  600;

  /* Spacing */
  --s-1:  .25rem;
  --s-2:  .5rem;
  --s-3:  .75rem;
  --s-4:  1rem;
  --s-5:  1.25rem;
  --s-6:  1.5rem;
  --s-8:  2rem;
  --s-10: 2.5rem;
  --s-12: 3rem;
  --s-16: 4rem;
  --s-20: 5rem;
  --s-24: 6rem;

  /* Section padding */
  --pad-section: clamp(4rem, 7vw, 6rem);

  /* Hero */
  --hero-min-height: 100svh;
  --hero-margin-bottom: clamp(3rem, 8vw, 8rem);

  /* Hero type */
  --t-hero: clamp(2.75rem, 5.5vw, 4.5rem);
  --hero-tracking: -0.03em;

  /* Heading type */
  --t-h2: clamp(1.75rem, 3vw, 2.25rem);
  --lh-heading: 1.1;
  --lh-body: 1.55;

  /* Buttons */
  --btn-tracking: 0.08em;

  /* Navigation */
  --nav-height: 72px;
  --nav-link-size: 0.8125rem;
  --nav-tracking: 0.12em;

  /* Containers */
  --container-wide: 1360px;
  --container-narrow: 520px;
  --container-padding: clamp(1.5rem, 4vw, 3rem);

  /* Eyebrow */
  --t-eyebrow: 0.6875rem;
  --eyebrow-tracking: 0.18em;
}
