/* Theme overlay: dark — toggle via [data-theme="dark"] op . */ :root[data-theme="dark"] { --color-federal-blue-50: #EBF2FA; --color-federal-blue-100: #D9E8F7; --color-federal-blue-200: #B0CCEB; --color-federal-blue-300: #739ED4; --color-federal-blue-400: #3669B0; --color-federal-blue-500: #0F458F; --color-federal-blue-600: #0A3878; --color-federal-blue-700: #052B5E; --color-federal-blue-800: #031F45; --color-federal-blue-900: #03122E; --color-tricolor-yellow: #FCD117; --color-tricolor-red: #C70F2E; --color-tricolor-black: #1A1A1A; --color-neutral-0: #FFFFFF; --color-neutral-50: #FAFAF7; --color-neutral-100: #F5F5F2; --color-neutral-200: #E8E8E3; --color-neutral-300: #D4D4CC; --color-neutral-400: #A3A39C; --color-neutral-500: #75756E; --color-neutral-600: #575752; --color-neutral-700: #3D3D38; --color-neutral-800: #242421; --color-neutral-900: #121212; --color-feedback-success-500: #1A8C52; --color-feedback-warning-500: #DB9C12; --color-feedback-error-500: #C70F2E; --color-feedback-info-500: #0F458F; --color-feedback-success: #1A8C52; --color-feedback-warning: #DB9C12; --color-feedback-error: #C70F2E; --color-feedback-info: #0F458F; --color-background-default: #121212; --color-background-subtle: #242421; --color-background-muted: #3D3D38; --color-background-inverted: #FFFFFF; --color-background-brand: #3669B0; --color-background-brand-strong: #739ED4; --color-text-default: #FAFAF7; --color-text-muted: #D4D4CC; --color-text-subtle: #A3A39C; --color-text-inverted: #121212; --color-text-brand: #B0CCEB; --color-text-link: #739ED4; --color-text-link-visited: #B0CCEB; --color-border-default: #3D3D38; --color-border-strong: #75756E; --color-border-brand: #3669B0; --color-border-focus: #739ED4; --color-accent-yellow: #FCD117; --color-accent-red: #C70F2E; --color-accent-black: #1A1A1A; --button-primary-background: #3669B0; --button-primary-background-hover: #739ED4; --button-primary-text: #121212; --button-primary-border: #3669B0; --button-secondary-background: #121212; --button-secondary-background-hover: #3D3D38; --button-secondary-text: #B0CCEB; --button-secondary-border: #3669B0; --lockup-mark-fill: #1A1A1A; --lockup-mark-text-fill: #FFFFFF; --lockup-label-line-1-fill: #121212; --lockup-label-line-2-fill: #121212; --lockup-variants-federal-disc-primary: #FCD117; --lockup-variants-federal-disc-secondary: #C70F2E; --print-color-federal-blue-cmyk: #001F8F; --print-color-tricolor-yellow-cmyk: #FFE600; --print-color-tricolor-red-cmyk: #E60022; --signage-color-primary: #0F458F; --signage-color-primary-outdoor: #0E458F; --signage-color-background: #FFFFFF; --signage-color-text: #121212; --textile-color-primary: #0F458F; --textile-color-secondary: #C70F2E; --textile-color-accent: #FCD117; --vehicle-color-primary: #0F458F; --vehicle-color-fallback: #FFFFFF; --video-color-primary: #0F458F; --video-color-primary-display-p3: #0F458F; --video-color-background: #FFFFFF; --video-color-text: #121212; } @supports (color: oklch(0% 0 0)) { :root[data-theme="dark"] { --color-federal-blue-50: oklch(95.84% 0.0131 247.96); --color-federal-blue-100: oklch(92.43% 0.0265 248.11); --color-federal-blue-200: oklch(83.46% 0.0526 250.72); --color-federal-blue-300: oklch(68.94% 0.0925 254.17); --color-federal-blue-400: oklch(52.01% 0.1259 257.25); --color-federal-blue-500: oklch(40.24% 0.1342 258.20); --color-federal-blue-600: oklch(35.29% 0.1193 258.35); --color-federal-blue-700: oklch(29.92% 0.1002 257.65); --color-federal-blue-800: oklch(24.33% 0.0798 256.96); --color-federal-blue-900: oklch(18.77% 0.0612 259.22); --color-tricolor-yellow: oklch(87.30% 0.1756 93.33); --color-tricolor-red: oklch(52.80% 0.2067 22.22); --color-tricolor-black: oklch(21.56% 0.0000 0.00); --color-neutral-0: oklch(100.00% 0.0000 0.00); --color-neutral-50: oklch(98.41% 0.0034 106.46); --color-neutral-100: oklch(96.88% 0.0034 106.46); --color-neutral-200: oklch(92.97% 0.0068 106.53); --color-neutral-300: oklch(86.67% 0.0104 106.61); --color-neutral-400: oklch(71.39% 0.0109 106.67); --color-neutral-500: oklch(56.11% 0.0115 106.77); --color-neutral-600: oklch(45.40% 0.0081 106.72); --color-neutral-700: oklch(35.90% 0.0086 106.82); --color-neutral-800: oklch(25.81% 0.0047 106.72); --color-neutral-900: oklch(18.15% 0.0000 0.00); --color-feedback-success-500: oklch(56.62% 0.1327 154.66); --color-feedback-warning-500: oklch(73.43% 0.1495 78.53); --color-feedback-error-500: oklch(52.80% 0.2067 22.22); --color-feedback-info-500: oklch(40.24% 0.1342 258.20); --color-feedback-success: oklch(56.62% 0.1327 154.66); --color-feedback-warning: oklch(73.43% 0.1495 78.53); --color-feedback-error: oklch(52.80% 0.2067 22.22); --color-feedback-info: oklch(40.24% 0.1342 258.20); --color-background-default: oklch(18.15% 0.0000 0.00); --color-background-subtle: oklch(25.81% 0.0047 106.72); --color-background-muted: oklch(35.90% 0.0086 106.82); --color-background-inverted: oklch(100.00% 0.0000 0.00); --color-background-brand: oklch(52.01% 0.1259 257.25); --color-background-brand-strong: oklch(68.94% 0.0925 254.17); --color-text-default: oklch(98.41% 0.0034 106.46); --color-text-muted: oklch(86.67% 0.0104 106.61); --color-text-subtle: oklch(71.39% 0.0109 106.67); --color-text-inverted: oklch(18.15% 0.0000 0.00); --color-text-brand: oklch(83.46% 0.0526 250.72); --color-text-link: oklch(68.94% 0.0925 254.17); --color-text-link-visited: oklch(83.46% 0.0526 250.72); --color-border-default: oklch(35.90% 0.0086 106.82); --color-border-strong: oklch(56.11% 0.0115 106.77); --color-border-brand: oklch(52.01% 0.1259 257.25); --color-border-focus: oklch(68.94% 0.0925 254.17); --color-accent-yellow: oklch(87.30% 0.1756 93.33); --color-accent-red: oklch(52.80% 0.2067 22.22); --color-accent-black: oklch(21.56% 0.0000 0.00); --button-primary-background: oklch(52.01% 0.1259 257.25); --button-primary-background-hover: oklch(68.94% 0.0925 254.17); --button-primary-text: oklch(18.15% 0.0000 0.00); --button-primary-border: oklch(52.01% 0.1259 257.25); --button-secondary-background: oklch(18.15% 0.0000 0.00); --button-secondary-background-hover: oklch(35.90% 0.0086 106.82); --button-secondary-text: oklch(83.46% 0.0526 250.72); --button-secondary-border: oklch(52.01% 0.1259 257.25); --lockup-mark-fill: oklch(21.56% 0.0000 0.00); --lockup-mark-text-fill: oklch(100.00% 0.0000 0.00); --lockup-label-line-1-fill: oklch(18.15% 0.0000 0.00); --lockup-label-line-2-fill: oklch(18.15% 0.0000 0.00); --lockup-variants-federal-disc-primary: oklch(87.30% 0.1756 93.33); --lockup-variants-federal-disc-secondary: oklch(52.80% 0.2067 22.22); --signage-color-primary: oklch(40.24% 0.1342 258.20); --signage-color-primary-outdoor: oklch(40.24% 0.1409 258.20); --signage-color-background: oklch(100.00% 0.0000 0.00); --signage-color-text: oklch(18.15% 0.0000 0.00); --textile-color-primary: oklch(40.24% 0.1342 258.20); --textile-color-secondary: oklch(52.80% 0.2067 22.22); --textile-color-accent: oklch(87.30% 0.1756 93.33); --vehicle-color-primary: oklch(40.24% 0.1342 258.20); --vehicle-color-fallback: oklch(100.00% 0.0000 0.00); --video-color-primary: oklch(40.24% 0.1342 258.20); --video-color-primary-display-p3: oklch(40.28% 0.1344 258.13); --video-color-background: oklch(100.00% 0.0000 0.00); --video-color-text: oklch(18.15% 0.0000 0.00); } }