/* ChefTalk Marketing Website - CSS Variables */
/* All custom properties centralized */

:root {
  /* Colors */
  --primary-orange: #FF6B35;
  --primary-dark: #1A1A1A;
  --primary-light: #FFFFFF;
  --text-gray: #6B7280;
  --text-light-gray: #9CA3AF;
  --background-warm: #FFF8F3;
  --background-cream: #FEF3E2;
  --background-peach: #FFEDD5;
  --background-light-orange: #FFF7ED;
  --background-glass: rgba(255, 255, 255, 0.8);
  
  /* Typography */
  --font-primary: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif;
  
  /* Spacing - Mobile First */
  --section-padding: 60px;
  --container-max: 1200px;
  --container-padding: 20px;
  
  /* Border radius */
  --radius-small: 8px;
  --radius-medium: 16px;
  --radius-large: 24px;
  
  /* Shadows */
  --shadow-light: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.12);
}