/* THEME: dark premium. Load AFTER base.css. Replace --accent / --accent-2 with the client's brand colours (derived from their logo). Everything else re-themes automatically. */ :root { --bg: #0e1320; /* deep charcoal-navy */ --bg-2: #141b2d; --bg-3: linear-gradient(180deg, rgba(27,36,64,0.7), rgba(20,27,45,0.7)); --line: rgba(255,255,255,0.08); --text: #e8ecf4; --muted: #9aa6bd; --white: #ffffff; --accent: #e6a817; /* primary accent — set from logo */ --accent-2: #2b7fd4; /* secondary accent — set from logo */ --accent-ink:#1a1304; /* readable text on accent buttons */ --shadow: 0 24px 60px -20px rgba(0,0,0,0.6); --display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif; } /* ambient glow behind everything for depth */ body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0; background: radial-gradient(60% 50% at 80% 0%, color-mix(in srgb, var(--accent-2) 14%, transparent), transparent 60%), radial-gradient(50% 40% at 10% 10%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 60%); } .wrap, section { z-index: 1; } /* on dark, ghost buttons read better with light text */ .btn-ghost { color: var(--text); } .card .more { color: var(--accent); } /* To load the display serif, add to : */