/* ============================================================ Aurora light theme — the live look for RSquared IT Technologies. Loaded after styles.css and scoped to .theme-aurora on , so it overrides the base tokens rather than duplicating rules. ============================================================ */ .theme-aurora { --bg: #faf6f8; --bg-raise: #f4edf4; --surface: rgba(255, 255, 255, 0.75); --line: rgba(124, 58, 237, 0.2); --line-soft: rgba(124, 58, 237, 0.11); --text: #251c38; --muted: #5f5573; --faint: #8f879e; --violet: #7c3aed; --violet-hi: #8a2be2; --magenta: #e0408f; --accent-grad: linear-gradient(120deg, #f0a12c 0%, #e0408f 48%, #7c3aed 100%); } .theme-aurora body { background: var(--bg); color: var(--text); } .theme-aurora ::selection { background: rgba(224, 64, 143, 0.3); color: #251c38; } /* ---------- chrome ---------- */ .theme-aurora .nav.scrolled { background: color-mix(in srgb, var(--bg) 86%, transparent); border-bottom-color: var(--line-soft); } /* the emblem's face is pale — lift it off the light ground */ .theme-aurora .brand img { filter: drop-shadow(0 1px 3px rgba(90, 50, 140, 0.35)); } @media (max-width: 860px) { .theme-aurora .nav-links { background: var(--bg); } } /* ---------- hero ---------- */ .theme-aurora .hero::before { background: linear-gradient(90deg, rgba(250, 246, 248, 0.78) 0%, rgba(250, 246, 248, 0.42) 38%, rgba(250, 246, 248, 0) 68%), linear-gradient(180deg, rgba(250, 246, 248, 0.55) 0%, rgba(250, 246, 248, 0) 30%, rgba(250, 246, 248, 0.12) 62%, #faf6f8 100%); } @media (max-width: 700px) { .theme-aurora .hero::before { background: linear-gradient(180deg, rgba(250, 246, 248, 0.82) 0%, rgba(250, 246, 248, 0.5) 40%, rgba(250, 246, 248, 0.6) 70%, #faf6f8 100%); } } .theme-aurora .hero .sub { color: #4c415f; } .theme-aurora .hero-stats { border-top-color: rgba(124, 58, 237, 0.25); } /* ---------- controls ---------- */ .theme-aurora .btn-primary { box-shadow: 0 8px 26px rgba(224, 64, 143, 0.35); } .theme-aurora .btn-primary:hover { box-shadow: 0 12px 36px rgba(224, 64, 143, 0.45); } .theme-aurora .btn-ghost { color: var(--text); border-color: rgba(37, 28, 56, 0.28); background: rgba(255, 255, 255, 0.55); } /* ---------- surfaces ---------- */ .theme-aurora .figure { box-shadow: 0 24px 60px rgba(70, 46, 140, 0.16); } .theme-aurora .figure figcaption { background: rgba(255, 255, 255, 0.85); color: var(--muted); } /* frosted-glass impact band */ .theme-aurora .impact { background: transparent; } .theme-aurora .impact::before { background: radial-gradient(42% 62% at 10% 16%, rgba(240, 161, 44, 0.34), transparent 70%), radial-gradient(44% 66% at 84% 26%, rgba(224, 64, 143, 0.30), transparent 72%), radial-gradient(54% 76% at 46% 110%, rgba(124, 58, 237, 0.34), transparent 72%); } .theme-aurora .impact::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0.60), rgba(255, 255, 255, 0.38)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), inset 0 -1px 0 rgba(255, 255, 255, 0.45); } .theme-aurora .cap::after { opacity: 0; } .theme-aurora .cap:hover { box-shadow: 0 16px 44px rgba(70, 46, 140, 0.14); } .theme-aurora .tags span { color: var(--muted); } /* the automation interlude stays a dark cinematic band */ .theme-aurora .interlude h2 { color: #f4f1fa; } /* ---------- closing CTA ---------- */ .theme-aurora .cta::before { background: radial-gradient(52% 62% at 50% 108%, rgba(124, 58, 237, 0.16), transparent 70%); } .theme-aurora .cta-hex { opacity: 0.16; }