
    :root {
        --primary-brand: #ffcc00; --primary-rgb: 255, 204, 0;
        --secondary-brand: #000000; --secondary-rgb: 0, 0, 0;
        --accent-brand: #ffd700; --accent-rgb: 255, 215, 0;
        --btn-text: #0F172A;
        --font-family: 'Poppins', sans-serif; --btn-radius: 12px;
        --bg-body: #0f1113;
        --bg-card: rgba(18, 24, 38, 0.95);
        --glass-bg: rgba(30, 41, 59, 0.75);
        --glass-border: rgba(255, 255, 255, 0.1);
        --hero-bg: linear-gradient(135deg, rgba(30, 41, 59, 0.85), rgba(15, 23, 42, 0.95));
        --input-bg: rgba(15, 23, 42, 0.6);
        --input-border: rgba(255, 255, 255, 0.15);
        --text-main: #F8FAFC;
        --text-muted: #94A3B8;
    }
    [data-bs-theme="light"] {
        --bg-body: #f1f5f9;
        --bg-card: #FFFFFF;
        --glass-bg: #FFFFFF;
        --glass-border: #E2E8F0;
        --hero-bg: #FFFFFF;
        --input-bg: #F8FAFC;
        --input-border: #CBD5E1;
        --text-main: #0F172A;
        --text-muted: #64748B;
        --premium-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    }
    body { font-family: var(--font-family) !important; background-color: var(--bg-body); color: var(--text-main); transition: background-color 0.25s ease; }
    .btn, .form-control, .card { border-radius: var(--btn-radius) !important; }
    .btn-primary, .btn-warning { background-color: var(--primary-brand) !important; border-color: var(--primary-brand) !important; color: var(--btn-text) !important; font-weight: 700; }
    