/* assets/css/variables.css */
:root {
    /* Colors derived from Apnapan Logo.jpeg */
    --navy-blue: #1a3c6e;      /* Primary typography & elements */
    --soft-teal: #78c2c4;      /* Secondary accents & borders */
    --warm-peach: #ffc996;     /* Highlight, CTA, & emergency buttons */
    --off-white: #faf9f6;      /* Luxurious background */
    --slate-grey: #4a4a4a;     /* Body text */
    
    /* Typography */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    
    /* Spacing */
    --container-width: 1200px;
}