/* ============================================================= SERVICOM — Aurora Noir Design System Dark glass, aurora-gradient, premium-tech identity. ============================================================= */ @view-transition { navigation: auto; } /* ============================================================= 1. Tokens ============================================================= */ :root { /* Surfaces — obsidian glass canvas, graded darkness */ --bg: #06070b; --bg-alt: #0a0c13; --bg-void: #010102; --surface: rgba(255,255,255,0.045); --surface-strong: rgba(255,255,255,0.075); --surface-solid: #12141c; --ink-band: #000000; --ink-band-2: #030407; /* Text on the dark canvas */ --ink: #f4f6fb; --ink-soft: #c7cddb; --ink-mute: #9198ab; --ink-faint: #565e70; /* Text on the deepest void panels (same scale, kept for compatibility) */ --on-dark: #f4f6fb; --on-dark-mute: #b6bdcd; --on-dark-faint: #6a7185; /* Brand accents — vivid aurora teal/cyan + warm gold + violet */ --teal: #12b4c4; --teal-bright: #3ee6ff; --teal-tint: rgba(62,230,255,0.12); --gold: #ffcf66; --gold-deep: #f0a93a; --gold-tint: rgba(255,207,102,0.16); --violet: #8f86fb; --violet-tint: rgba(143,134,251,0.12); /* Elegant WhatsApp green */ --wa-green: #1fa070; --wa-green-light: #34d999; --wa-green-dark: #0e5c40; /* Per-chapter aurora washes (glows, not flat fills) */ --chapter-1-bg: rgba(62,230,255,0.07); --chapter-2-bg: rgba(255,207,102,0.07); --chapter-3-bg: rgba(143,134,251,0.08); --line: rgba(255,255,255,0.11); --line-soft: rgba(255,255,255,0.065); --shadow-sm: 0 12px 32px -16px rgba(0,0,0,0.7); --shadow-md: 0 32px 72px -26px rgba(0,0,0,0.75), 0 0 0 1px rgba(255,255,255,0.03); --shadow-lg: 0 60px 130px -40px rgba(0,0,0,0.85), 0 0 0 1px rgba(255,255,255,0.035); --glow-teal: 0 0 70px -14px rgba(62,230,255,0.4); --glow-gold: 0 0 70px -14px rgba(255,207,102,0.35); --glow-violet: 0 0 70px -14px rgba(143,134,251,0.35); --serif: "Fraunces", "Iowan Old Style", Georgia, serif; --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace; --ease: cubic-bezier(0.16, 1, 0.3, 1); --ease-soft: cubic-bezier(0.25, 0.46, 0.45, 0.94); --container: 1240px; --measure: 62ch; --r-lg: 28px; --r-md: 18px; --r-sm: 10px; --nav-h: 88px; } /* ============================================================= 1b. Light theme — same token names, luminous premium palette. Applied via [data-theme="light"] on , set by a blocking inline script in (see per-page