/* Mama's Sause — Design Tokens ("Sunday Sauce") */
:root {
  /* palette */
  --base:        #FBEAD9;
  --base-2:      #F6E2CC;
  --deep:        #7C3A22;
  --deep-2:      #5E2A18;
  --card:        #FFF6EA;
  --ink:         #3B221A;
  --ink-2:       #7A5544;
  --ink-on-deep: #FCEBD8;
  --accent:      #C2562F;
  --accent-2:    #A8451F;
  --gold:        #E6A24B;
  --sage:        #7E8A5E;
  --sage-2:      #5F6A45;
  --line:        #E6C9A8;
  --hair:        rgba(59,34,26,.12);

  /* type */
  --font-display: 'Fraunces', 'Playfair Display', Georgia, serif;
  --font-body:    'Fraunces', Georgia, 'Times New Roman', serif;
  --font-script:  'Caveat', 'Segoe Script', 'Bradley Hand', cursive;

  /* type scale */
  --t-xs: 12px; --t-sm: 13px; --t-base: 16px; --t-md: 18px; --t-lg: 20px;
  --t-xl: 26px; --t-2xl: 32px; --t-display: 50px; --t-hero: 64px;

  /* spacing */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-8: 32px; --s-12: 44px;

  /* radius */
  --r-sm: 10px; --r-md: 14px; --r-lg: 16px; --r-xl: 20px; --r-pill: 999px;

  /* elevation */
  --shadow-sm: 0 2px 6px -2px rgba(94,42,24,.25);
  --shadow-md: 0 14px 30px -18px rgba(94,42,24,.5), 0 2px 6px -2px rgba(94,42,24,.22);
  --shadow-lg: 0 24px 50px -24px rgba(94,42,24,.6), 0 3px 8px -2px rgba(94,42,24,.28);
}