/* ═══════════════════════════════════════════════════════
   theme.css — Connect Media Group
   Shared theme system for website + client hub
   Single source of truth for all theme variables.
   ═══════════════════════════════════════════════════════ */

/* Default dark theme */
.website-dark {
    --bg-primary: #0a0f1a;
    --bg-secondary: #0f1623;
    --bg-card: rgba(255,255,255,0.03);
    --bg-glass: rgba(15,22,35,0.6);
    --bg-deepest: #05080f;
    --bg-surface: #060910;
    --bg-input: rgba(0,0,0,0.3);
    --bg-hover: rgba(255,255,255,0.08);
    --bg-subtle: rgba(255,255,255,0.05);
    --bg-pill-active: rgba(255,255,255,0.15);
    --text-primary: #ffffff;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --text-light: #e2e8f0;
    --accent: #3b82f6;
    --accent-secondary: #8b5cf6;
    --accent-glow: rgba(59,130,246,0.5);
    --accent-soft: rgba(59,130,246,0.15);
    --border: rgba(255,255,255,0.08);
    --border-hover: rgba(255,255,255,0.2);
    --shadow-base: rgba(0,0,0,0.3);
    --shadow-heavy: rgba(0,0,0,0.5);
    --nav-scrolled-bg: rgba(10,15,26,0.95);
    --nav-menu-bg: rgba(15,23,42,0.95);
    --grid-line-color: rgba(255,255,255,0.03);
    --glow-orb-color: rgba(59,130,246,0.08);
    --headline-gradient-via: #d5d8f6;
    --headline-gradient-to: #fdf7fe;
    --conic-glow-1: #38bdf8;
    --conic-glow-2: #818cf8;
    --footer-bg: #1e2a4a;
}

/* Dark Inferno — volcanic dark theme */
.website-dark-inferno {
    --bg-primary: #0c0806;
    --bg-secondary: #150e0b;
    --bg-card: rgba(255,120,40,0.03);
    --bg-glass: rgba(12,8,6,0.7);
    --bg-deepest: #070403;
    --bg-surface: #0a0705;
    --bg-input: rgba(0,0,0,0.35);
    --bg-hover: rgba(249,115,22,0.08);
    --bg-subtle: rgba(249,115,22,0.04);
    --bg-pill-active: rgba(249,115,22,0.18);
    --text-primary: #fff1e6;
    --text-secondary: #a89080;
    --text-muted: #6b5848;
    --text-light: #eeddd0;
    --accent: #f97316;
    --accent-secondary: #dc2626;
    --accent-glow: rgba(249,115,22,0.5);
    --accent-soft: rgba(249,115,22,0.15);
    --border: rgba(249,115,22,0.08);
    --border-hover: rgba(249,115,22,0.22);
    --shadow-base: rgba(0,0,0,0.4);
    --shadow-heavy: rgba(0,0,0,0.6);
    --nav-scrolled-bg: rgba(12,8,6,0.95);
    --nav-menu-bg: rgba(21,14,11,0.95);
    --grid-line-color: rgba(249,115,22,0.025);
    --glow-orb-color: rgba(220,38,38,0.07);
    --headline-gradient-via: #fdba74;
    --headline-gradient-to: #f97316;
    --conic-glow-1: #f97316;
    --conic-glow-2: #dc2626;
    --footer-bg: #4a2008;
}

/* Aurora — northern lights dark theme */
.website-aurora {
    --bg-primary: #0a1218;
    --bg-secondary: #0d1a22;
    --bg-card: rgba(16,185,129,0.03);
    --bg-glass: rgba(10,18,24,0.7);
    --bg-deepest: #060d12;
    --bg-surface: #081015;
    --bg-input: rgba(0,0,0,0.3);
    --bg-hover: rgba(16,185,129,0.08);
    --bg-subtle: rgba(16,185,129,0.04);
    --bg-pill-active: rgba(16,185,129,0.15);
    --text-primary: #e0f2f1;
    --text-secondary: #80a8a0;
    --text-muted: #4a7068;
    --text-light: #c8e6e0;
    --accent: #10b981;
    --accent-secondary: #06b6d4;
    --accent-glow: rgba(16,185,129,0.5);
    --accent-soft: rgba(16,185,129,0.15);
    --border: rgba(16,185,129,0.08);
    --border-hover: rgba(16,185,129,0.2);
    --shadow-base: rgba(0,0,0,0.35);
    --shadow-heavy: rgba(0,0,0,0.55);
    --nav-scrolled-bg: rgba(10,18,24,0.95);
    --nav-menu-bg: rgba(13,26,34,0.95);
    --grid-line-color: rgba(16,185,129,0.025);
    --glow-orb-color: rgba(6,182,212,0.07);
    --headline-gradient-via: #6ee7b7;
    --headline-gradient-to: #22d3ee;
    --conic-glow-1: #06b6d4;
    --conic-glow-2: #10b981;
    --footer-bg: #0a3028;
}

/* Noir — pure black & white with neon magenta glows */
.website-noir {
    --bg-primary: #000000;
    --bg-secondary: #0a0a0a;
    --bg-card: rgba(255,255,255,0.03);
    --bg-glass: rgba(0,0,0,0.8);
    --bg-deepest: #000000;
    --bg-surface: #050505;
    --bg-input: rgba(255,255,255,0.04);
    --bg-hover: rgba(255,255,255,0.08);
    --bg-subtle: rgba(255,255,255,0.05);
    --bg-pill-active: rgba(255,255,255,0.15);
    --text-primary: #ffffff;
    --text-secondary: #a0a0a0;
    --text-muted: #666666;
    --text-light: #e0e0e0;
    --accent: #e020a0;
    --accent-secondary: #ff40c0;
    --accent-glow: rgba(224,32,160,0.5);
    --accent-soft: rgba(224,32,160,0.12);
    --border: rgba(255,255,255,0.1);
    --border-hover: rgba(255,255,255,0.25);
    --shadow-base: rgba(0,0,0,0.5);
    --shadow-heavy: rgba(0,0,0,0.8);
    --nav-scrolled-bg: rgba(0,0,0,0.95);
    --nav-menu-bg: rgba(5,5,5,0.95);
    --grid-line-color: rgba(255,255,255,0.025);
    --glow-orb-color: rgba(224,32,160,0.06);
    --headline-gradient-via: #ff40c0;
    --headline-gradient-to: #ffffff;
    --conic-glow-1: #ff40c0;
    --conic-glow-2: #e020a0;
    --footer-bg: #2a0a20;
}

/* CMYK — printer color palette homage */
.website-cmyk {
    --bg-primary: #0d0d0d;
    --bg-secondary: #141414;
    --bg-card: rgba(255,255,255,0.03);
    --bg-glass: rgba(13,13,13,0.8);
    --bg-deepest: #080808;
    --bg-surface: #0d0d0d;
    --bg-input: rgba(255,255,255,0.04);
    --bg-hover: rgba(0,174,239,0.08);
    --bg-subtle: rgba(0,174,239,0.04);
    --bg-pill-active: rgba(0,174,239,0.15);
    --text-primary: #f0f0f0;
    --text-secondary: #a0a0a0;
    --text-muted: #666666;
    --text-light: #d8d8d8;
    --accent: #00aeef;
    --accent-secondary: #ec008c;
    --accent-glow: rgba(0,174,239,0.5);
    --accent-soft: rgba(0,174,239,0.12);
    --border: rgba(255,255,255,0.08);
    --border-hover: rgba(0,174,239,0.25);
    --shadow-base: rgba(0,0,0,0.5);
    --shadow-heavy: rgba(0,0,0,0.7);
    --nav-scrolled-bg: rgba(13,13,13,0.95);
    --nav-menu-bg: rgba(20,20,20,0.95);
    --grid-line-color: rgba(255,255,255,0.02);
    --glow-orb-color: rgba(236,0,140,0.06);
    --headline-gradient-via: #ec008c;
    --headline-gradient-to: #fff200;
    --conic-glow-1: #00aeef;
    --conic-glow-2: #ec008c;
    --footer-bg: #0a2030;
}

/* Theme-independent layout vars + brand colors */
:root {
    --max-width: 1320px;
    --section-padding: clamp(80px, 10vh, 120px);
    --color-logo-accent: #CCFF00;
    --color-success: #10b981;
    --color-gold: #fbbf24;
    --color-trustpilot: #00b67a;
    --color-error: #ef4444;
    --color-warn: #f59e0b;
}