/* QENEX brand kit — single source of truth. Sprint 191. * Provides logo sizing CSS variables and responsive qenex-logo class. * Include this file in every page's alongside shared.css. */ :root { --qenex-logo-h-desktop: 48px; --qenex-logo-h-mobile: 36px; --qenex-bg: #0a0e27; --qenex-bg-light: #1e293b; --qenex-text: #e2e8f0; --qenex-text-muted: #94a3b8; --qenex-primary: #22d3ee; --qenex-primary-d: #0891b2; --qenex-border: #334155; --qenex-error: #ef4444; } .qenex-logo { height: var(--qenex-logo-h-desktop); width: auto; max-width: 50vw; display: block; } @media (max-width: 767px) { .qenex-logo { height: var(--qenex-logo-h-mobile); } }