/**
 * Theme Tokens & Global Variables
 * Standardized color palette, typography, and spacing for Preferred Urgent Care v2.
 */
:root {
    /* Colors - Brand Primary */
    --primary: #045798;
    --primary-blue: #045798;
    --dark-blue: #003380;
    --light-blue: #e7f1ff;
    
    /* Colors - Brand Secondary/Accent */
    --secondary: #D30B35;
    --accent-red: #D30B35;
    --accent-green: #198754;
    
    /* Colors - Neutrals */
    --white: #ffffff;
    --gray-100: #f8fafc;
    --gray-200: #eef2f6;
    --gray-300: #dee2e6;
    --text-dark: #333333;
    --text-body: #374151;
    --text-muted: #6c757d;
    
    /* Typography */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    
    /* Typography - Sizes (Rem-based Scale) */
    --fs-xs: 0.75rem;     /* 12px */
    --fs-sm: 0.875rem;    /* 14px */
    --fs-base: 1.125rem;  /* 18px */
    --fs-md: 1rem;        /* 16px */
    --fs-lg: 1.25rem;     /* 20px */
    --fs-xl: 1.5rem;      /* 24px */
    --fs-2xl: 1.75rem;    /* 28px */
    --fs-3xl: 2rem;       /* 32px */
    --fs-4xl: 2.5rem;     /* 40px */
    --fs-5xl: 3rem;       /* 48px */
    --fs-6xl: 4rem;       /* 64px */
    
    /* Typography - Weights */
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-black: 800;
    
    /* Shadows & Effects */
    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 15px 40px rgba(0, 0, 0, 0.12);
    --transition-base: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}