/* ========================================================= COLOR MODES — Dark / Light / Auto (System Preference) ========================================================= Usage: data-theme="dark" → always dark data-theme="light" → always light (no attribute) → auto: follows prefers-color-scheme ========================================================= */ /* ─── DARK MODE DEFAULTS ──────────────────────────────── */ :root { /* vb-giveaway-v2-fixed2-old promo-hub :root — hubuhu dark */ --vb-bg-deep: #0b0f1e; --vb-bg-surface: #0b0f1e; --vb-bg-card: #131938; --vb-bg-card-alt:#161f44; --vb-bg-input: #141a38; --vb-bg-drawer: #0b0f1e; --vb-bg-nav: #131938; --vb-bg-marquee: #131938; --vb-bg-select: #101528; /* Text */ --vb-text: #ffffff; --vb-text-muted: rgba(255, 255, 255, 0.5); --vb-text-muted2:rgba(255, 255, 255, 0.45); /* Borders */ --vb-border: #2a3155; --vb-border-subtle: rgba(255, 255, 255, 0.08); --vb-border-input: rgba(255, 255, 255, 0.2); /* Accent */ --vb-accent: #2fb5ff; --vb-accent-orange: #ff8c00; /* Header variables — also referenced in header.php inline