/* ============================================================
   Regio Title — shared brand lockup styles
   Source of truth: regio.business/strategy/brand-identity-system.md §5.5–5.6 (v1.4)

   This file is the SINGLE shared stylesheet for the logo lockup,
   loaded by BOTH portals so they stay visually in sync:
     - dealer portal:  /css/brand.css (portal_header.php)
     - admin portal:   https://portal.regiotitle.com/css/brand.css
       (regio.admin index.php + login.php)
   Logo/lockup rules only — portal surface/functional colors live in
   each portal's own stylesheet and are NOT defined here.
   ============================================================ */

/* regiotitle lockup. Sized by symbol height like the website nav;
   wordmark in Nunito (weight 400 on dark, 500 on light).
   All dimensions in px, never rem — the dealer portal's Text Size setting
   scales the root font-size, and the lockup must not scale with it. */
.p-lockup{ display:inline-flex; align-items:flex-end; gap:8px; }
.p-logo-sym{ display:block; height:34px; width:auto; }
.p-logo-wm{ display:block; font-family:'Nunito',sans-serif; font-size:28px;
	line-height:1; white-space:nowrap; letter-spacing:-0.005em; font-weight:400; }

/* Dark mode (default) — Variant 3: colored on deep navy */
.p-logo-arc-o{ stroke:#C2DDF5; }
.p-logo-arc-m{ stroke:#4F8FD8; }
.p-logo-arc-i{ stroke:#C2DDF5; }
.p-logo-needle{ stroke:#FFFFFF; }
.p-logo-dot{ fill:#FFFFFF; }
.p-logo-regio{ color:#FFFFFF; }
.p-logo-title{ color:#3A80D2; }

/* Light mode — Variant 1: colored on white */
:root[data-theme="light"] .p-logo-arc-o{ stroke:#D4E8F8; }
:root[data-theme="light"] .p-logo-arc-m{ stroke:#A4C8EE; }
:root[data-theme="light"] .p-logo-arc-i{ stroke:#C2DDF5; }
:root[data-theme="light"] .p-logo-needle{ stroke:#1B4F8A; }
:root[data-theme="light"] .p-logo-dot{ fill:#1B4F8A; }
:root[data-theme="light"] .p-logo-regio{ color:#1B4F8A; }
:root[data-theme="light"] .p-logo-wm{ font-weight:500; }

@media (max-width: 640px){
	.p-logo-sym{ height:30px; }
	.p-logo-wm{ font-size:24px; }
}