/* CSS Design System Tokens - Hallam Headway */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800;900&display=swap');

:root {
  /* Brand Color Palette - Hallam Headway Exact Match */
  --primary-color: #163023;             /* Deep Forest Green */
  --primary-light: #204533;             /* Medium Forest Green */
  --primary-dark: #0D2017;              /* Ultra Dark Green */
  
  --accent-color: #DA8A2A;              /* Warm Honey Amber / Gold */
  --accent-light: #F29E38;              /* Bright Gold */
  --accent-dark: #B66F1C;               /* Dark Amber Gold */
  
  --bg-color: #F5F4F0;                  /* Soft Warm Off-White / Cream */
  --card-bg: #FFFFFF;                 /* Pure White Card */
  --accent-bg: #FAF5EB;              /* Light Honey Cream Tint */
  --dark-card-bg: #1B382A;             /* Dark Green Card Variant */
  
  --text-dark: #1A2620;                 /* Deep Charcoal Green */
  --text-muted: #56665D;                /* Muted Grey-Green */
  --text-light: #FFFFFF;                /* High Contrast White */
  --text-gold: #E59838;                 /* Radiant Gold Text */
  
  --border-color: #E2DFD7;              /* Soft Warm Border */
  --border-gold: #DA8A2A;               /* Gold Outline Border */
  --success-color: #2D8A56;             /* Emerald Success */
  --error-color: #D93838;              /* Vivid Red Error */
  
  /* Typography */
  --font-fonseca: 'Fonseca', 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading: 'Fonseca', 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Layout Spacing */
  --container-max-width: 1300px;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2.5rem;
  --spacing-xl: 4rem;
  --section-padding: clamp(3.5rem, 6vw, 5.5rem);
  
  /* Radius & Elevation */
  --radius-sm: 4px;
  --radius-md: 4px;
  --radius-lg: 4px;
  --radius-pill: 9999px;
  
  --shadow-sm: 0 2px 6px rgba(22, 48, 35, 0.05);
  --shadow-md: 0 10px 24px rgba(22, 48, 35, 0.08);
  --shadow-lg: 0 20px 40px rgba(22, 48, 35, 0.12);
  --shadow-gold: 0 8px 25px rgba(218, 138, 42, 0.25);
  
  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
}