:root:has(.outlook-colors){--navy-900:#0a1622;--navy-800:#0e1f30;--line-dark:#1d3a57;--tint:#ebf3fc;--line-light:#cfe4fa;--heading:#0e4775;--text:#0c3b5e;--label:#0f548c;--accent:#0f6cbd;--accent-hover:#115ea3;--accent-bright:#2886de;--accent-light:#77b7f7;--on-dark:#cfe4fa;--on-dark-muted:#96c6fa;--soon:#b39ab0;--app-bg:#edf1f7;--negative:#c4314b;--signal:#ffc61a;--text-on-dark-muted:#97a4b3;--font-display:"Red Hat Display", "Segoe UI", system-ui, sans-serif;--font-text:"Red Hat Text", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;--container:1140px}body:has(.outlook-colors) .navbar{--background-bg-dark:var(--navy-900);--primary-color:var(--accent-light);--fg:white;color:#fff}body:has(.outlook-colors) .navbar .menu-btn:not(:hover,.open){color:#fff}body:has(.outlook-colors) footer{--background-bg-dark-2:var(--navy-800);--light-text:var(--text-on-dark-muted);font-family:var(--font-text);color:#fff}:is(body:has(.outlook-colors) footer ul,body:has(.outlook-colors) footer a){color:var(--text-on-dark-muted)}body:has(.outlook-colors) footer a:hover{color:#fff}