:root{ --ueos-bg: #070A12; --ueos-panel: rgba(255,255,255,0.045); --ueos-border: rgba(255,255,255,0.14); --ueos-blue: #00E5FF; /* electric water */ --ueos-green:#19FF6F; /* vivid earth */ --ueos-gold: #FFD400; /* bright spirit */ --ueos-glow-blue: 0 0 18px rgba(0,229,255,0.55), 0 0 42px rgba(0,229,255,0.22); --ueos-glow-green:0 0 18px rgba(25,255,111,0.50), 0 0 42px rgba(25,255,111,0.20); --ueos-glow-gold: 0 0 18px rgba(255,212,0,0.45), 0 0 42px rgba(255,212,0,0.18); } /* Global dark base */ html, body{ background: radial-gradient(1200px 700px at 20% 0%, rgba(0,229,255,0.10), transparent 55%), radial-gradient(900px 600px at 80% 15%, rgba(25,255,111,0.09), transparent 55%), radial-gradient(800px 550px at 55% 85%, rgba(255,212,0,0.06), transparent 60%), var(--ueos-bg) !important; color: rgba(255,255,255,0.92); } /* Links / accents */ a{ color: var(--ueos-blue); text-decoration-color: rgba(0,229,255,0.55); } a:hover{ color: #B7FAFF; text-decoration-color: rgba(0,229,255,0.95); } /* Buttons-ish elements (best-effort) */ button, .btn, [role="button"], input[type="submit"]{ border: 1px solid rgba(255,255,255,0.18) !important; background: linear-gradient(135deg, rgba(0,229,255,0.18), rgba(25,255,111,0.12), rgba(255,212,0,0.10)) !important; color: rgba(255,255,255,0.95) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.40); } button:hover, .btn:hover, [role="button"]:hover, input[type="submit"]:hover{ box-shadow: var(--ueos-glow-blue), var(--ueos-glow-green); transform: translateY(-1px); } /* Cards/panels */ section, article, .card, .panel, .box{ background: var(--ueos-panel); border: 1px solid var(--ueos-border); border-radius: 18px; } /* Make headings pop a bit more */ h1,h2{ text-shadow: 0 0 18px rgba(0,229,255,0.12); } h3,h4{ text-shadow: 0 0 14px rgba(25,255,111,0.10); } /* Optional: give the small sigil a subtle shiny glow (does NOT change structure) */ img[src*="sigil"], img[src*="Sigil"]{ filter: drop-shadow(0 0 10px rgba(0,229,255,0.18)) drop-shadow(0 0 12px rgba(255,212,0,0.12)); } /* UEOS_BRAND_BRIGHTNESS_PATCH_V1 */ :root{ --ueos-blue: #4aa3ff; --ueos-green: #33ff99; /* brighter */ --ueos-gold: #ffd166; /* brighter */ } a.pill, .pill{ border-color: rgba(255,209,102,0.35) !important; } .pill:hover{ border-color: rgba(74,163,255,0.55) !important; }