/* ============================================================
   BATCH 22 — BRAND DESIGN SYSTEM TOKENS & TYPOGRAPHY
   ============================================================ */

/* 1. Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;500;600;700&family=Young+Serif&display=swap');

/* 2. Color & Typography Custom Properties */
:root {
  /* Slot 1: Light Neutral Background */
  --color-warm-white: #F3E9E2;
  
  /* Slot 2: Secondary Core Accent */
  --color-vivid-orange: #FF7F32;
  
  /* Slot 3: Primary CTA & Accent (5th Color) */
  --color-bright-red: #E4392E;
  
  /* Slot 4: Primary Dark Brand Core */
  --color-deep-burgundy: #651C32;
  
  /* Slot 5: Darkest Neutral Text */
  --color-off-black: #2C3236;
  
  /* Slot 6: 5–10% Usage Accent (SCA Badges & Pills) */
  --color-light-green: #B1B884;
  --color-sage-green: #B1B884;

  /* Typography Families */
  --font-heading: 'Young Serif', serif;
  --font-body: 'Kumbh Sans', sans-serif;

  /* Spacing & Radius Variables */
  --site-max-width: 3840px;
  --header-height: 105px;
  --radius-button: 10px; /* Matches Batch 22 logo box corner rounding */
}

/* 3. Global CSS Reset & Base Typography Multipliers */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-warm-white);
  color: var(--color-off-black);
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.3em; /* Brand Book body leading multiplier 1.3 */
  -webkit-font-smoothing: antialiased;
}

/* Brand Book Leading Multipliers & Typography Specs */
h1, h2, h3 {
  font-family: var(--font-heading);
  font-weight: 550;
  color: var(--color-deep-burgundy);
  line-height: 0.9em; /* Brand Book heading leading multiplier 0.9 */
  letter-spacing: 0em;
}

/* Ensure 0em letter-spacing & font-weight: 600 across Young Serif elements */
h1, h2, h3, h4, h5, h6,
.page-title, .farmer-name, .accordion-title, .sample-form-title {
  letter-spacing: 0em;
}

h4, h5, .subheading {
  font-family: var(--font-body);
  line-height: 1.0em; /* Brand Book subheading leading multiplier 1.0 */
}

p, li {
  line-height: 1.3em;
}

a {
  color: inherit;
  text-decoration: none;
}