/* =========================================
   1. GLOBAL VARIABLES & RESET
   ========================================= */
:root {
    /* Form & Viewer Colors */
    --primary-pink: #ff4d79;
    --soft-pink: #ffe6ea;
    --deep-red: #cc0033;
    --text-dark: #2c1a1d; /* Thoda aur dark aur premium red-black */
    
    /* 🔴 UPDATED FOR WHITE THEME: Clean Frosted Glass */
    --glass-bg: rgba(255, 255, 255, 0.85); 
    --glass-border: rgba(255, 255, 255, 1);
    
    /* Admin Colors */
    --admin-blue: #2563eb;
    --admin-bg: #FAFAFA;
    --admin-text: #334155;

    /* Fonts */
    --font-heading: 'Dancing Script', cursive;
    --font-romantic: 'Playfair Display', serif;
    --font-ui: 'Poppins', sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font-ui);
    -webkit-tap-highlight-color: transparent; 
}

body {
    /* 🔴 UPDATED: Pure white crisp base */
    background-color: #FFFFFF; 
    color: #333;
    overflow-x: hidden;
}


/* =========================================
   2. GLOBAL UTILITY CLASSES
   ========================================= */
.hidden { 
    display: none !important; 
}

/* Primary Button Design (Used everywhere) */
.primary-btn { 
    width: 100%; 
    padding: 12px; 
    border: none; 
    border-radius: 8px; 
    font-weight: 600; 
    cursor: pointer; 
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.primary-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}