@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;0,700;1,400&family=Source+Sans+3:wght@400;500;600&display=swap');

:root {
  --clr-bg:                 #fdf8f0;
  --clr-bg-alt:             #f5ede0;
  --bg-gradient:            linear-gradient(160deg, #fdf8f0 0%, #f5ede0 100%);
  --clr-surface:            #ffffff;
  --clr-surface-border:     #e8d9c8;
  --clr-card:               #ffffff;
  --clr-card-shadow:        rgba(45, 27, 14, 0.10);
  --clr-text:               #2d1b0e;
  --clr-text-muted:         #7a5c44;
  --clr-text-link:          #c75b3a;
  --clr-primary:            #c75b3a;
  --clr-primary-text:       #ffffff;
  --clr-primary-hover:      #a84828;
  --clr-accent:             #6b7c3f;
  --clr-accent-bg:          #eef1e6;
  --clr-nav-hover-bg:       rgba(199, 91, 58, 0.08);
  --clr-nav-active-bg:      rgba(199, 91, 58, 0.15);
  --clr-nav-active-text:    #c75b3a;
  --clr-header-bg:          #fdf8f0;
  --clr-header-border:      #e8d9c8;
  --clr-footer-bg:          #2d1b0e;
  --clr-footer-text:        #d4b89a;
  --clr-eyebrow-bg:         #c75b3a;
  --clr-eyebrow-text:       #ffffff;
  --clr-brand:              #c75b3a;
  --clr-brand-icon-bg:      #c75b3a;
  --clr-brand-icon-text:    #ffffff;
  --clr-btn-secondary-bg:   transparent;
  --clr-btn-secondary-text: #c75b3a;
  --clr-btn-secondary-border:#c75b3a;
  --clr-hero-card-border:   #e8d9c8;
  --clr-hero-heading:       #2d1b0e;
  --clr-hero-text:          #5a3d28;
  --clr-section-heading:    #2d1b0e;
  --clr-pill-bg:            #eef1e6;
  --clr-pill-text:          #6b7c3f;
  --clr-scrollbar:          #f5ede0;
  --clr-scrollbar-thumb:    #c75b3a;
  --font-heading:           'Lora', Georgia, serif;
  --font-body:              'Source Sans 3', system-ui, sans-serif;
  --font-mono:              'Fira Code', monospace;
  --brand-icon-content:     '🍳';
}