:root {
            --bg: #f8fafc;
            --text-main: #0f172a;
            --text-light: #64748b;
            --accent: #2563eb;       
            --radius-lg: 32px;
            --radius-md: 24px;
            --glass: rgba(255, 255, 255, 0.75);
            --nav-height: 80px;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        
        html, body {
            overflow-x: hidden; 
            width: 100%;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: var(--bg);
            color: var(--text-main);
            line-height: 1.6;
        }
        :root {
    /* Existing variables */
    --bg: #f8fafc;
    --text-main: #0f172a;
    --text-light: #64748b;
    --accent: #2563eb;
    --radius-lg: 32px;
    --radius-md: 24px;
    --glass: rgba(255, 255, 255, 0.75);
    --nav-height: 80px;

    /* --- ADD THESE MISSING VARIABLES --- */
    --accent-dark: #1e40af;       /* Darker shade of blue for hovers */
    --accent-light: #dbeafe;      /* Light blue background for icons */
    --success: #10b981;           /* Green for availability */
    --radius-sm: 12px;            /* Smaller radius for FAQs */
}
a{
    text-decoration: none;
}
h2{
    padding: 10px 20px;
}