@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:                 #1a1209;
  --clr-bg-alt:             #221810;
  --bg-gradient:            linear-gradient(160deg, #1a1209 0%, #221810 100%);
  --clr-surface:            #2a1f12;
  --clr-surface-border:     #3d2e1c;
  --clr-card:               #2a1f12;
  --clr-card-shadow:        rgba(0, 0, 0, 0.45);
  --clr-text:               #f5e6d0;
  --clr-text-muted:         #b89a78;
  --clr-text-link:          #e07b3a;
  --clr-primary:            #e07b3a;
  --clr-primary-text:       #ffffff;
  --clr-primary-hover:      #c56828;
  --clr-accent:             #8ab54a;
  --clr-accent-bg:          #1f2b10;
  --clr-nav-hover-bg:       rgba(224, 123, 58, 0.12);
  --clr-nav-active-bg:      rgba(224, 123, 58, 0.20);
  --clr-nav-active-text:    #e07b3a;
  --clr-header-bg:          #130e06;
  --clr-header-border:      #3d2e1c;
  --clr-footer-bg:          #0f0a05;
  --clr-footer-text:        #8c6e52;
  --clr-eyebrow-bg:         #e07b3a;
  --clr-eyebrow-text:       #ffffff;
  --clr-brand:              #e07b3a;
  --clr-brand-icon-bg:      #e07b3a;
  --clr-brand-icon-text:    #ffffff;
  --clr-btn-secondary-bg:   transparent;
  --clr-btn-secondary-text: #e07b3a;
  --clr-btn-secondary-border:#e07b3a;
  --clr-hero-card-border:   #3d2e1c;
  --clr-hero-heading:       #f5e6d0;
  --clr-hero-text:          #b89a78;
  --clr-section-heading:    #f5e6d0;
  --clr-pill-bg:            #1f2b10;
  --clr-pill-text:          #8ab54a;
  --clr-scrollbar:          #221810;
  --clr-scrollbar-thumb:    #e07b3a;
  --font-heading:           'Lora', Georgia, serif;
  --font-body:              'Source Sans 3', system-ui, sans-serif;
  --font-mono:              'Fira Code', monospace;
  --brand-icon-content:     '🍳';
}