:root {
  --dd-cream:          #FBF7F0;
  --dd-cream-deep:     #F4EADB;
  --dd-white:          #FFFFFF;

  --dd-cocoa-900:      #241309;
  --dd-cocoa-800:      #38200F;
  --dd-cocoa-700:      #4A2C1A;
  --dd-cocoa-600:      #5E3A24;
  --dd-mocha-500:      #6B4A33;
  --dd-mocha-400:      #8A6851;
  --dd-mocha-300:      #A5866E;
  --dd-mocha-200:      #DCCBB8;
  --dd-mocha-100:      #EDE2D4;
  --dd-raspberry:      #B01238;
  --dd-raspberry-dark: #8A0E2C;
  --dd-raspberry-soft: #FBE9EE;
  --dd-raspberry-light: #E4718F;
  --dd-pistachio:      #4F6B3F;
  --dd-pistachio-soft: #EDF3E9;
  --dd-gold:           #8A6A1F;
  --dd-gold-soft:      #FAF2DF;
  --dsp-blue:          #0056A3;
  --dd-bg:             var(--dd-cream);
  --dd-bg-alt:         var(--dd-cream-deep);
  --dd-surface:        var(--dd-white);
  --dd-text:           var(--dd-cocoa-800);
  --dd-text-strong:    var(--dd-cocoa-900);
  --dd-text-muted:     var(--dd-mocha-500);
  --dd-border:         var(--dd-mocha-200);
  --dd-accent:         var(--dd-raspberry);
  --dd-brand:          var(--dd-cocoa-700);
  --dd-font-display: 'Fraunces', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --dd-font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --dd-text-display: clamp(2.75rem, 1.70rem + 4.7vw, 5.00rem);
  --dd-text-h1:      clamp(2.10rem, 1.55rem + 2.4vw, 3.30rem);
  --dd-text-h2:      clamp(1.70rem, 1.35rem + 1.6vw, 2.50rem);
  --dd-text-h3:      clamp(1.30rem, 1.15rem + 0.7vw, 1.70rem);
  --dd-text-h4:      clamp(1.10rem, 1.03rem + 0.3vw, 1.30rem);
  --dd-text-lead:    clamp(1.10rem, 1.03rem + 0.4vw, 1.30rem);
  --dd-text-base:    1.0625rem;
  --dd-text-sm:      0.9375rem;
  --dd-text-xs:      0.8125rem;
  --dd-leading-tight: 1.12;
  --dd-leading-snug:  1.35;
  --dd-leading-body:  1.72;
  --dd-tracking-tight:  -0.02em;
  --dd-tracking-normal:  0;
  --dd-tracking-wide:    0.08em;
  --dd-tracking-caps:    0.14em;

  --dd-space-1:  0.25rem;
  --dd-space-2:  0.5rem;
  --dd-space-3:  0.75rem;
  --dd-space-4:  1rem;
  --dd-sticky-offset: 6.5rem;

  --dd-space-5:  1.5rem;
  --dd-space-6:  2rem;
  --dd-space-7:  3rem;
  --dd-space-8:  4rem;
  --dd-space-9:  6rem;
  --dd-space-10: 8rem;
  --dd-section-y: clamp(3.5rem, 2rem + 6vw, 7rem);
  --dd-radius-sm:   0.375rem;
  --dd-radius-md:   0.625rem;
  --dd-radius-lg:   1rem;
  --dd-radius-xl:   1.5rem;
  --dd-radius-pill: 999px;
  --dd-shadow-xs: 0 1px 2px rgba(36, 19, 9, 0.05);
  --dd-shadow-sm: 0 2px 6px rgba(36, 19, 9, 0.06);
  --dd-shadow-md: 0 6px 20px rgba(36, 19, 9, 0.08);
  --dd-shadow-lg: 0 16px 44px rgba(36, 19, 9, 0.11);
  --dd-shadow-xl: 0 28px 72px rgba(36, 19, 9, 0.14);
  --dd-ease:       cubic-bezier(0.4, 0, 0.2, 1);
  --dd-ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --dd-ease-sweet: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dd-dur-fast:   140ms;
  --dd-dur-base:   240ms;
  --dd-dur-slow:   420ms;
  --dd-dur-slower: 700ms;
  --dd-container:     1220px;
  --dd-container-narrow: 760px;
  --dd-header-h:      82px;
  --dd-focus-ring:    3px;
  --dd-z-header:      1030;
  --dd-z-overlay:     1040;
  --dd-z-modal:       1050;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dd-dur-fast: 1ms;
    --dd-dur-base: 1ms;
    --dd-dur-slow: 1ms;
    --dd-dur-slower: 1ms;
  }
}