:root {
  /* ───────────────────────────────────────
     BRAND PALETTE — extracted from BrothDrops label
     Cream: #EDE49C  |  Border gold: #D4CA70  |  Near-black: #0E0F0D
  ─────────────────────────────────────── */
  --honey:        #FFDA66;   /* brand yellow — primary accent */
  --honey-dark:   #E6C24D;   /* deep yellow — hover states, emphasis */
  --honey-light:  #FFF0B3;   /* pale yellow — highlight backgrounds */
  --honey-wash:   #FFFAEE;   /* yellow-tinted page wash */

  /* ───────────────────────────────────────
     STAINLESS STEEL PALETTE — warm charcoal family
  ─────────────────────────────────────── */
  --steel-deep:   #1E1B18;   /* warm near-black — nav, footer, dark sections */
  --steel-dark:   #2E2B28;   /* dark warm charcoal */
  --steel:        #57534E;   /* warm stone grey — mid */
  --steel-mid:    #8A8278;   /* lighter warm steel */
  --steel-light:  #C4BDB5;   /* pale warm steel */
  --steel-xlight: #F0EDE9;   /* near-white warm tint */

  /* ───────────────────────────────────────
     NATURE / FARMERS MARKET PALETTE
     (product-page theming — greens & blues)
  ─────────────────────────────────────── */
  --nature-deep:  #1A3D28;
  --nature-dark:  #2B5E3E;
  --nature:       #3D7D58;
  --nature-light: #6BAE88;
  --nature-wash:  #EAF3EE;
  --sky:          #3678A0;
  --sky-light:    #72B4CF;
  --sky-wash:     #E8F3F8;

  /* ───────────────────────────────────────
     BACKGROUNDS
  ─────────────────────────────────────── */
  --bg:           #FDFCF8;   /* warm white */
  --bg-dark:      var(--steel-deep);
  --bg-surface:   var(--steel-dark);
  --bg-warm:      #F7F4DE;   /* light cream */
  --bg-steel:     var(--steel-xlight);
  --bg-nature:    var(--nature-wash);

  /* ───────────────────────────────────────
     TEXT
  ─────────────────────────────────────── */
  --text-primary:  #0E0F0D;   /* label near-black */
  --text-inverse:  #FDFCF8;   /* warm white for dark backgrounds */
  --text-muted:    #3D3935;   /* warm dark gray — readable at normal weight */
  --text-on-amber: #0E0F0D;

  /* ───────────────────────────────────────
     BRAND ACCENTS
  ─────────────────────────────────────── */
  --accent-amber:    var(--honey);
  --accent-amber-lt: var(--honey-light);
  --accent-sage:     var(--nature);

  /* ───────────────────────────────────────
     UI
  ─────────────────────────────────────── */
  --rule:      #E8E3DC;   /* warm rule */
  --rule-dark: rgba(255,255,255,0.12);
  --focus:     var(--honey);

  /* ───────────────────────────────────────
     FONTS — matched to BrothDrops label typography
  ─────────────────────────────────────── */
  --font-display: 'Nunito', system-ui, sans-serif;
  --font-body:    'DM Sans', system-ui, sans-serif;
  --font-label:   'Libre Franklin', system-ui, sans-serif;

  /* ───────────────────────────────────────
     TYPE SCALE
  ─────────────────────────────────────── */
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 16px;
  --text-lg:   clamp(18px, 2vw, 20px);
  --text-xl:   clamp(22px, 3vw, 28px);
  --text-2xl:  clamp(28px, 4vw, 36px);
  --text-3xl:  clamp(36px, 5vw, 52px);
  --text-hero: clamp(40px, 10vw, 88px);

  /* ───────────────────────────────────────
     LAYOUT
  ─────────────────────────────────────── */
  --pad:   clamp(20px, 5vw, 80px);
  --max-w: 1320px;
  --nav-h: 68px;

  /* ───────────────────────────────────────
     MOTION
  ─────────────────────────────────────── */
  --ease:     cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration: 0.28s;
}