:root { --main-font: 'Inter', sans-serif; }
        * { font-family: var(--main-font) !important; box-sizing: border-box; }
        :is(.bi,[class^="bi-"],[class*=" bi-"],.flag-icon,.fa,.fas,.far,.fab) {
            font-family: "bootstrap-icons", "Font Awesome 6 Free", "Font Awesome 6 Brands", sans-serif !important;
        }
        :root {
            --primary-rgb: 220, 38, 38;
            --primary: rgb(var(--primary-rgb));
            --primary-dark: var(--primary);
            --primary-glow: rgba(var(--primary-rgb), 0.3);
            --btn-text: #ffffff;
            --bg-rgb: 241, 245, 249;
            --bg: rgb(var(--bg-rgb));
            --surface-rgb: 255, 255, 255;
            --surface: rgb(var(--surface-rgb));
            --surface-glass: rgba(var(--surface-rgb), 0.9);
            --surface-2: #f8fafc;
            --text-rgb: 15, 23, 42;
            --text: rgb(var(--text-rgb));
            --text-muted: #64748b;
            --border: #e2e8f0;
            --glass-border: rgba(var(--text-rgb), 0.08);
            --dark-bg-rgb: 15, 23, 42;
            --dark-surface-rgb: 30, 41, 59;
            --dark-surface-2: #1e293b;
            --dark-text-rgb: 248, 250, 252;
            --dark-border: #334155;
            --top-bar-bg: color-mix(in srgb, var(--bg, #0f172a) 88%, var(--primary, #111827) 12%);
            --top-bar-text: #f8fafc;
            --marquee-bg: #000000;
            --marquee-text: #ffffff;
            --footer-bg-calc: color-mix(in srgb, var(--surface, #ffffff) 90%, var(--primary, #111827) 10%);
            --footer-text-light: #111827;
            --footer-text-dark: #ffffff;
            --footer-bg: var(--footer-bg-calc);
            --footer-text: #ffffff;
            --footer-text-rgb: 255, 255, 255;
            --footer-accent: #ff0000;
            --footer-accent-rgb: 255, 0, 0;
            --bs-primary: var(--primary);
            --bs-primary-rgb: var(--primary-rgb);
            --bs-link-color: var(--primary);
            --bs-link-hover-color: var(--primary-dark);
            --bs-body-bg: var(--bg);
            --bs-body-color: var(--text);
            --bs-border-color: var(--border);
            --bs-primary-bg-subtle: rgba(var(--primary-rgb), .14);
            --bs-primary-border-subtle: rgba(var(--primary-rgb), .35);
            --bs-primary-text-emphasis: var(--primary);
            --bs-focus-ring-color: rgba(var(--primary-rgb), 0.25);
            --bs-border-color-focus: var(--primary);
        }
                        [data-theme="dark"] {
            --bg: rgb(var(--dark-bg-rgb));
            --surface: rgba(var(--dark-surface-rgb), 0.7);
            --surface-glass: rgba(var(--dark-surface-rgb), 0.6);
            --surface-2: var(--dark-surface-2);
            --text: rgb(var(--dark-text-rgb));
            --text-muted: #94a3b8;
            --border: var(--dark-border);
            --glass-border: rgba(255, 255, 255, 0.08);
            --footer-bg: var(--surface);
            --footer-text: #ffffff;
            --footer-text-rgb: 255, 255, 255;
        }
        [data-theme="light"] {
            --top-bar-bg: var(--bg) !important;
            --top-bar-text: var(--text) !important;
        }