:root {
    --font-size: 16px;
    --bg: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url('https://sictschools.com/images/imgbrvas.jpg') center/cover fixed;
    --text: #ffffff;
    --nav-text: #24991c;
    --header-bg: rgba(6, 35, 102, 0.5);
    --marquee-bg: rgba(83, 118, 173, 0.5);
    --card-bg: rgba(255, 255, 255, 0.15);
    --nav-bg: rgba(255, 255, 255, 0.2);
    --accent: #0072ae;
    --ribbon: #ffc0cb;
    --footer-bg: rgba(38, 105, 163, 0.5);
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-blur: blur(15px) saturate(160%);
}

[data-theme="dark"] {
    --bg: #0a0a1a;
    --text: #e0e0e0;
    --nav-text: #e0e0e0;
    --header-bg: rgba(26, 26, 46, 0.8);
    --marquee-bg: rgba(22, 33, 62, 0.8);
    --card-bg: rgba(255, 255, 255, 0.08);
    --nav-bg: rgba(22, 33, 62, 0.8);
    --accent: #00d4ff;
    --ribbon: #ff6bcd;
    --footer-bg: rgba(15, 15, 26, 0.8);
    --glass-border: rgba(255, 255, 255, 0.15);
    --glass-blur: blur(20px) saturate(180%);
    --body-margin: 0;
    --body-padding: 0;
    --header-top-padding: 15px;
    --marquee-padding: 14px;
    --slider-container-margin: 30px auto;
    --slider-container-padding: 0 15px;
    --nav-padding: 10px 0;
    --team-padding: 50px 20px;
    --card-padding: 0;
    --footer-padding: 20px 10px;
    --preview-margin: 20px;
    --preview-padding: 20px;
    --header-padding: 10px;
    --header-margin: 10px;
    --card-margin: 10px;
    --a11y-panel-border-radius: 20px;
    --a11y-btn-border-radius: 50%;
    --whatsapp-float-border-radius: 50px;
    --nav-btn-border-radius: 50%;
    --slider-border-radius: 15px;
    --marquee-side-border-radius: 15px;
    --dot-border-radius: 50%;
    --primary-nav-a-hover-border-radius: 5px;
    --has-submenu-ul-border-radius: 8px;
    --card-border-radius: 20px;
    --btn-border-radius: 8px;
    --preview-border-radius: 0;
    --header-border-radius: 0;
    --slider-shadow: 0 10px 30px rgba(0,0,0,0.5);
    --marquee-side-shadow: 0 10px 30px rgba(0,0,0,0.5);
    --a11y-panel-shadow: 0 10px 30px rgba(0,0,0,0.6);
    --whatsapp-float-shadow: 0 4px 15px rgba(0,0,0,0.4);
    --card-shadow: 0 15px 35px rgba(0,0,0,0.4);
    --nav-primary-shadow: 0 4px 15px rgba(0,0,0,0.15);
    --has-submenu-ul-shadow: 0 10px 20px rgba(0,0,0,0.4);
    --btn-shadow: 0 4px 10px rgba(0,0,0,0.15);
    --preview-shadow: none;
    --header-shadow: none;
    --body-font-size: var(--font-size);
    --a11y-btn-font-size: 20px;
    --voiceStatus-font-size: 12px;
    --whatsapp-float-font-size: 30px;
    --primary-nav-a-font-size: 14px;
    --has-submenu-ul-li-a-font-size: inherit;
    --marquee-side-font-size: 15px;
    --btn-font-size: 16px;
    --org-name-font-size: 36px;
    --sictheader-font-size: 1.75rem;
    --preview-font-size: 16px;
    --header-font-size: 1.5em;
    --text-font-size: 1em;
}