/* ==========================================================================
   Mill Valley Veterinary Clinic - CSS Variables
   Primary Colors: #040b13, #153b68, #6e98c7
   ========================================================================== */

:root {
    /* Primary Colors */
    --color-dark: #040b13;
    --color-primary: #153b68;
    --color-accent: #6e98c7;
    
    /* New Colors */
    --color-beige: #EADED4;
    --color-white: #ffffff;
    --color-text-dark: #040b13;
    --color-text-dark-secondary: rgba(4, 11, 19, 0.7);
    --color-text-dark-muted: rgba(4, 11, 19, 0.5);
    
    /* Utility backgrounds */
    --color-surface-light: #f5f6f8;

    /* Extended Palette */
    --color-dark-lighter: #0a1621;
    --color-dark-card: #0d1a28;
    --color-primary-light: #1d4a7f;
    --color-accent-light: #8fb3d9;
    --color-accent-glow: rgba(110, 152, 199, 0.3);
    
    /* Text Colors */
    --color-text-primary: #ffffff;
    --color-text-secondary: rgba(255, 255, 255, 0.7);
    --color-text-muted: rgba(255, 255, 255, 0.5);
    
    /* Borders */
    --border-subtle: rgba(110, 152, 199, 0.15);
    --border-accent: rgba(110, 152, 199, 0.3);
    
    /* Typography */
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-medium: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* Spacing */
    --section-padding: 120px;
    --section-padding-mobile: 60px;
}