:root {
        --bg-color: #e0e5ec;
        --primary-color: #d1c4e9;
        --secondary-color: #b39ddb;
        --accent-color: #4527a0;
        --text-color: #4527a0;
        --glass-bg: #e0e5ec;
        --glass-border: transparent;
        --container-shadow: 10px 10px 20px #a3b1c6, -10px -10px 20px #ffffff;
        --container-radius: 25px;
        --button-radius: 9999px;
        --input-radius: 9999px;
        --button-text-color: #4527a0;
        --input-bg: #e0e5ec;
        --font-family: 'Poppins', sans-serif;
    }body { background: var(--bg-color); } .glass-container, .sidebar, .form-container, .data-table, .welcome-box, .app-card, .tutorial-grid .video-card { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: var(--glass-bg); border: none; box-shadow: var(--container-shadow); } .input-field { border: none; box-shadow: inset 5px 5px 10px #a3b1c6, inset -5px -5px 10px #ffffff; } .input-field:focus { box-shadow: inset 5px 5px 10px #a3b1c6, inset -5px -5px 10px #ffffff, 0 0 10px var(--secondary-color); } .btn-primary, .support-button { background: linear-gradient(145deg, var(--primary-color), var(--secondary-color)) !important; color: var(--button-text-color) !important; box-shadow: 5px 5px 10px #a3b1c6, -5px -5px 10px #ffffff; } .btn-primary:active, .support-button:active { box-shadow: inset 5px 5px 10px #a3b1c6, inset -5px -5px 10px #ffffff !important; transform: scale(0.98); } .nav-menu a.active { color: var(--button-text-color) !important; background: linear-gradient(145deg, var(--primary-color), var(--secondary-color)) !important; box-shadow: 5px 5px 10px #a3b1c6, -5px -5px 10px #ffffff !important; } h1, .sidebar-header h2 { color: var(--text-color) !important; text-shadow: none !important; } .small-link { color: var(--text-color) !important; opacity: 0.7; }