/* CSS Variables for consistent theming */
:root {
    /* Colors - Pacific Coast Care Brand Palette */
    --color-primary: #005a87; /* Deep ocean blue (primary brand color) */
    --color-primary-dark: #004563; /* Darker ocean blue */
    --color-primary-light: #0075ad; /* Lighter ocean blue */
    --color-secondary: #00a99d; /* Teal/turquoise (accent) */
    --color-secondary-dark: #00857b; /* Darker teal for accessible text/buttons */
    --color-accent: #00c4b4; /* Bright teal (highlights) */
    --color-white: #ffffff;
    --color-off-white: #f8f9fa; /* Clean light background */
    --color-light-gray: #e9ecef; /* Light neutral gray */
    --color-gray: #6c757d; /* Medium gray for text */
    --color-dark-gray: #343a40; /* Dark gray for headings */
    --color-black: #212529; /* Near black */
    /* Additional accent colors */
    --color-success: #28a745; /* Green for success messages */
    --color-info: #17a2b8; /* Info blue */
    --color-warning: #ffc107; /* Warning yellow */
    --color-danger: #dc3545; /* Error red */
    /* Typography - Avenir with fallbacks */
    --font-primary: 'Avenir', 'Avenir Next', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    --font-size-base: 16px;
    --font-size-sm: 0.875rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: 2.5rem;
    --font-size-5xl: 3rem;
    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;
    /* Layout */
    --max-width: 1200px;
    --header-height: 80px;
    --header-height-logo: 60px;

    /* Borders */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;
    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 90, 135, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 90, 135, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 90, 135, 0.1);
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-normal: 300ms ease;
    /* Focus outline for accessibility */
    --focus-outline: 3px solid var(--color-secondary);
}