/* JG Pest Control - Design Tokens */
:root {
    /* Brand colors */
    --color-red: #d12127;
    --color-red-hover: #b81b20;
    --color-red-light: #f5434b;
    --color-blue-dark: #09142f;
    --color-blue: #1867d0;
    --color-blue-hover: #1452a8;
    --color-blue-light: #e9f0f8;
    --color-green: #2fa418;
    
    /* Neutrals */
    --color-text: #333;
    --color-text-light: #666;
    --color-text-muted: #999;
    --color-bg: #fff;
    --color-bg-grey: #f5f5f5;
    --color-bg-dark: #2e374e;
    --color-border: #e0e0e0;
    
    /* Typography */
    --font-primary: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-size-3xl: 2.5rem;
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2.5rem;
    --spacing-xl: 4rem;
    
    /* Layout */
    --max-width: 1020px;
    --header-height: 120px;
    --header-height-scrolled: 80px;
    
    /* Effects */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-full: 9999px;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
    --shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.15);
    --transition-fast: 0.15s ease;
    --transition-base: 0.25s ease;
    --transition-slow: 0.4s ease;
}