/* ========================================================================== QED CASE STUDY — PER-SUBSIDIARY THEME BLOCKS -------------------------------------------------------------------------- Each .theme-* class lives on and overrides the --theme-* CSS variables defined in case-study.css. The shared chrome stays identical; only the palette + typography pair changes. Add the appropriate Google Fonts in each case study's . ========================================================================== */ /* ────────────────────────────────────────────────────────────────────────── QLH / Hotel 1812 — Stage Noir + Champagne Voice: theatrical luxury. Cinzel display + Crimson Pro serif + Lato body. Fonts to load: Cinzel, Crimson Pro, Lato ────────────────────────────────────────────────────────────────────────── */ body.theme-qlh { --theme-void: #0F0D14; --theme-base: #141119; --theme-surface: #1A1724; --theme-lift: #221F2E; --theme-rule: #2E2A3C; --theme-rule-hi: #3D3850; --theme-dim: #5C5575; --theme-muted: #8A80A0; --theme-body: #B8B0C8; --theme-light: #D8D2E5; --theme-bright: #FAF7F2; --theme-accent: #C8A84B; /* champagne gold */ --theme-accent-pale: rgba(200,168,75,0.10); --theme-accent-dim: rgba(200,168,75,0.22); --theme-accent-bright: #E8D490; --theme-secondary: #E8D490; --theme-font-display: 'Cinzel', Georgia, serif; --theme-font-body: 'Lato', -apple-system, sans-serif; --theme-font-mono: 'Lato', monospace; /* QLH uses spaced sans for mono role */ } /* ────────────────────────────────────────────────────────────────────────── ZAAG U — Academic Ink + Gold Voice: scholarly, considered. Cormorant Garamond + DM Sans + DM Mono. Fonts: Cormorant Garamond, DM Sans, DM Mono ────────────────────────────────────────────────────────────────────────── */ body.theme-zaag { --theme-void: #0D1117; --theme-base: #11161E; --theme-surface: #1C2333; --theme-lift: #232C40; --theme-rule: #2A3448; --theme-rule-hi: #3D4860; --theme-dim: #5C6880; --theme-muted: #8A95AA; --theme-body: #A8B2C8; --theme-light: #C4CCDA; --theme-bright: #F0EDE8; --theme-accent: #C9A84C; /* scholarly gold */ --theme-accent-pale: rgba(201,168,76,0.10); --theme-accent-dim: rgba(201,168,76,0.22); --theme-accent-bright: #E8D49A; --theme-secondary: #0E7C7B; /* zaag teal */ --theme-font-display: 'Cormorant Garamond', Georgia, serif; --theme-font-body: 'DM Sans', -apple-system, sans-serif; --theme-font-mono: 'DM Mono', monospace; } /* ────────────────────────────────────────────────────────────────────────── MOQ — Curatorial Warm + Navy/Gold Voice: cultural, heritage. Playfair Display + Outfit + Libre Baskerville. Fonts: Playfair Display, Outfit, Libre Baskerville ────────────────────────────────────────────────────────────────────────── */ body.theme-moq { --theme-void: #0A0A08; --theme-base: #111109; --theme-surface: #181712; --theme-lift: #211F18; --theme-rule: #302E24; --theme-rule-hi: #3E3B2E; --theme-dim: #6B6650; --theme-muted: #8A8366; --theme-body: #B0A887; --theme-light: #C8BFA0; --theme-bright: #EDE5D0; --theme-accent: #C9A84C; /* heritage gold */ --theme-accent-pale: rgba(201,168,76,0.10); --theme-accent-dim: rgba(201,168,76,0.22); --theme-accent-bright: #E8D49A; --theme-secondary: #2E8B8B; /* curatorial teal */ --theme-font-display: 'Playfair Display', Georgia, serif; --theme-font-body: 'Outfit', -apple-system, sans-serif; --theme-font-mono: 'Outfit', monospace; } /* ────────────────────────────────────────────────────────────────────────── QPA — Theatre Curtain + Gilt Voice: opening night, performance. Bodoni Moda + Nunito Sans + Courier Prime. Fonts: Bodoni Moda, Nunito Sans, Courier Prime ────────────────────────────────────────────────────────────────────────── */ body.theme-qpa { --theme-void: #050407; --theme-base: #08060C; --theme-surface: #0D0A14; --theme-lift: #141020; --theme-rule: #1E1A2C; --theme-rule-hi: #2A2540; --theme-dim: #483E68; --theme-muted: #7A6EA0; --theme-body: #A898CC; --theme-light: #CEC4E8; --theme-bright: #F0EAF8; --theme-accent: #D4A843; /* warm stage gilt */ --theme-accent-pale: rgba(212,168,67,0.10); --theme-accent-dim: rgba(212,168,67,0.24); --theme-accent-bright: #F0D080; --theme-secondary: #8B1A4A; /* curtain red */ --theme-font-display: 'Bodoni Moda', Georgia, serif; --theme-font-body: 'Nunito Sans', -apple-system, sans-serif; --theme-font-mono: 'Courier Prime', monospace; } /* ────────────────────────────────────────────────────────────────────────── EMERGENCY RESPONSE — Operational Void + Alert Orange Voice: industrial, precise. Barlow Condensed + IBM Plex Serif + Fira Code. Fonts: Barlow Condensed, IBM Plex Serif, Fira Code ────────────────────────────────────────────────────────────────────────── */ body.theme-emergency { --theme-void: #050709; --theme-base: #080C10; --theme-surface: #0C1219; --theme-lift: #111A24; --theme-rule: #192435; --theme-rule-hi: #223348; --theme-dim: #3A5068; --theme-muted: #5E7A92; --theme-body: #8AACBF; --theme-light: #B8D0E0; --theme-bright: #E8F4FA; --theme-accent: #E8502A; /* alert orange */ --theme-accent-pale: rgba(232,80,42,0.10); --theme-accent-dim: rgba(232,80,42,0.22); --theme-accent-bright: #F47A56; --theme-secondary: #2EBF7A; /* operational green */ --theme-font-display: 'Barlow Condensed', sans-serif; --theme-font-body: 'IBM Plex Serif', Georgia, serif; --theme-font-mono: 'Fira Code', monospace; } /* ────────────────────────────────────────────────────────────────────────── NERDIFITRONIX — Tech Engineering + Volt Voice: technical, electric. Rajdhani + Libre Baskerville + Azeret Mono. Fonts: Rajdhani, Libre Baskerville, Azeret Mono ────────────────────────────────────────────────────────────────────────── */ body.theme-nerd { --theme-void: #030408; --theme-base: #060810; --theme-surface: #0A0D18; --theme-lift: #0F1422; --theme-rule: #181E30; --theme-rule-hi: #22304A; --theme-dim: #364870; --theme-muted: #5870A8; --theme-body: #8898C8; --theme-light: #B8C8E8; --theme-bright: #E8F0FF; --theme-accent: #7B2FFF; /* core purple */ --theme-accent-pale: rgba(123,47,255,0.10); --theme-accent-dim: rgba(123,47,255,0.25); --theme-accent-bright: #A870FF; --theme-secondary: #00F0B4; /* volt teal-green */ --theme-font-display: 'Rajdhani', sans-serif; --theme-font-body: 'Libre Baskerville', Georgia, serif; --theme-font-mono: 'Azeret Mono', monospace; } /* ────────────────────────────────────────────────────────────────────────── QED HOUSE THEME — neutral lavender For case studies that aren't tied to a specific subsidiary (overview, group-level pieces). Fonts: same as main site (Cormorant Garamond + Inter + JetBrains Mono) ────────────────────────────────────────────────────────────────────────── */ body.theme-qed { --theme-void: #0A0A0E; --theme-base: #0F0E14; --theme-surface: #16141C; --theme-lift: #1E1B26; --theme-rule: #2A2535; --theme-rule-hi: #3A3445; --theme-dim: #4A4458; --theme-muted: #7A7290; --theme-body: #B0A8C2; --theme-light: #D8D2E5; --theme-bright: #F0EBF8; --theme-accent: #C8A4F0; /* QED lavender */ --theme-accent-pale: rgba(200,164,240,0.10); --theme-accent-dim: rgba(200,164,240,0.22); --theme-accent-bright: #E0C8FF; --theme-secondary: #C9A84C; --theme-font-display: 'Cormorant Garamond', Georgia, serif; --theme-font-body: 'Inter', -apple-system, sans-serif; --theme-font-mono: 'JetBrains Mono', monospace; }