:root {
    /* Ice Theme Palette */
    --ice-cyan: #00f2ff;
    --ice-blue: #0077be;
    --ice-deep: #0a1122;
    /* Darker background */
    --ice-white: #e0faff;

    /* Overrides for v1.css variables */
    --title-color: #ffffff;
    --body-color: #b0c4de;
    /* Light steel blue text */
    --light-color: #d1e3f0;
    --secondary-color: #0b162a;
    --smoke-color: #111a30;
    --dark-color: var(--ice-deep);
    --light-gray-color: #16243d;
    --light-dark-color: #0e1626;
    --section-bg: #0b111e;

    /* Gradients */
    --bs-gradient: linear-gradient(135deg, var(--ice-blue) 0%, var(--ice-cyan) 100%);
    --ice-gradient: linear-gradient(180deg, rgba(0, 242, 255, 0.1) 0%, rgba(0, 0, 0, 0) 100%);

    /* Glassmorphism */
    --glass-bg: rgba(11, 17, 34, 0.7);
    --glass-border: 1px solid rgba(0, 242, 255, 0.1);
    --glass-blur: blur(12px);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}

body {
    background-color: var(--ice-deep);
    background-image: radial-gradient(circle at 50% 0%, #1a2c4e 0%, var(--ice-deep) 60%);
    color: var(--body-color);
}

/* Glassmorphism Utility Classes */
.glass-panel {
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: var(--glass-border);
    box-shadow: var(--glass-shadow);
    border-radius: 12px;
}

/* Header Redesign Overrides */
.sticky-header {
    background: rgba(11, 17, 34, 0.85);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 242, 255, 0.1);
}

.main-menu ul li a {
    color: var(--ice-white);
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s ease;
}

.main-menu ul li a:hover {
    color: var(--ice-cyan);
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.6);
}

.mega-menu,
.vs-mobile-menu {
    background: rgba(11, 17, 34, 0.95) !important;
    backdrop-filter: blur(15px);
    border: var(--glass-border);
}

.sidebox-title {
    color: var(--ice-cyan);
    border-bottom: 1px solid rgba(0, 242, 255, 0.2);
}

/* Button Modernization */
.vs-btn,
.vs-btn2 {
    border-radius: 4px;
    /* Slight roundness */
    background: var(--bs-gradient);
    border: none;
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.2);
    transition: transform 0.2s, box-shadow 0.2s;
}

.vs-btn:hover,
.vs-btn2:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 25px rgba(0, 242, 255, 0.4);
    color: #fff;
}

.vs-btn.outline3,
.vs-btn2.outline3 {
    background: transparent;
    border: 1px solid var(--ice-cyan);
    color: var(--ice-cyan);
    box-shadow: none;
}

.vs-btn.outline3:hover,
.vs-btn2.outline3:hover {
    background: var(--ice-cyan);
    color: #000;
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.4);
}

/* Modules / Content Blocks */
.box-item,
.ranking-box,
.news-box {
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: var(--glass-border);
    box-shadow: var(--glass-shadow);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--ice-white);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Footer Simplification */
footer {
    background: linear-gradient(0deg, #050811 0%, var(--ice-deep) 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* Scrollbar */
::-webkit-scrollbar-track {
    background: var(--ice-deep);
}

::-webkit-scrollbar-thumb {
    background: var(--ice-blue);
    border-radius: 4px;
}