:root {
  /* Brand colors */
  --brand:           #69151A;
  --brand-rgb:       105, 21, 26;
  --brand-dark:      #561F33;
  --brand-dark-rgb:  86, 31, 51;
  --green:           #104225;
  --green-rgb:       16, 66, 37;
  --green-dark:      #102717;
  --green-dark-rgb:  16, 39, 23;

  /* Neutrals */
  --ink:            #000000;
  --ink-rgb:        0, 0, 0;
  --ink-light:      #767676;
  --ink-soft:       #3E3E3E;
  --accent-taupe:   #6F6352;
  --bg:             #F2EDE5;
  --bg-rgb:         242, 237, 229;
  --bg-blue:        #B6CCFF;
  --bg-blue-rgb:    182, 204, 255;
  --white:          #FFFFFF;
  --white-rgb:      255, 255, 255;

  /* Typography */
  --serif: "Fraunces", Georgia, serif;
  --sans:  "Inter", system-ui, sans-serif;
  --base-size: 1rem;
  --line-height: 1.6;

  /* Spacing */
  --section-pad: clamp(3.5rem, 6vw, 5rem);
  --section-pad-mobile: 2.5rem;
  --gap: clamp(1.25rem, 3vw, 2rem);
  --gap-sm: 1rem;
  --gap-mobile: 24px;
  --gutter: clamp(20px, 3vw, 50px);
  --gutter-mobile: 1.5rem;

  /* Layout */
  --container: 113.75rem;
  --container-md: 100rem;
  --container-sm: 75rem;
  --container-xs: 48rem;
  --container-lg: 120rem;
  --radius: 0.375rem;
  --radius-lg: 0.75rem;
  --button-padding-y: 0.875rem;
  --button-padding-x: 1.75rem;
  --header-h: 124px;
}

@media (max-width: 991px) {
  :root { --header-h: 90px; }
}