/* Généré par packages/design/src/build.ts depuis packages/design/brand/brand.toml (seed #135B82, vibrant, MCU 0.4.0). Ne pas éditer. */ :root { color-scheme: light dark; --md-ref-typeface-brand: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-ref-typeface-plain: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-ref-typeface-code: "Google Sans Code", "Roboto Mono", ui-monospace, monospace; --aphrody-bolt: #D1D293; --md-sys-typescale-body-large-line-height: 1.5rem; --md-sys-typescale-body-large-size: 1rem; --md-sys-typescale-body-large-tracking: 0.03125rem; --md-sys-typescale-body-large-font: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-sys-typescale-body-large-weight: 400; --md-sys-typescale-body-medium-line-height: 1.25rem; --md-sys-typescale-body-medium-size: 0.875rem; --md-sys-typescale-body-medium-tracking: 0.015625rem; --md-sys-typescale-body-medium-font: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-sys-typescale-body-medium-weight: 400; --md-sys-typescale-body-small-line-height: 1rem; --md-sys-typescale-body-small-size: 0.75rem; --md-sys-typescale-body-small-tracking: 0.025rem; --md-sys-typescale-body-small-font: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-sys-typescale-body-small-weight: 400; --md-sys-typescale-display-large-line-height: 4rem; --md-sys-typescale-display-large-size: 3.5625rem; --md-sys-typescale-display-large-tracking: -0.015625rem; --md-sys-typescale-display-large-font: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-sys-typescale-display-large-weight: 400; --md-sys-typescale-display-medium-line-height: 3.25rem; --md-sys-typescale-display-medium-size: 2.8125rem; --md-sys-typescale-display-medium-tracking: 0rem; --md-sys-typescale-display-medium-font: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-sys-typescale-display-medium-weight: 400; --md-sys-typescale-display-small-line-height: 2.75rem; --md-sys-typescale-display-small-size: 2.25rem; --md-sys-typescale-display-small-tracking: 0rem; --md-sys-typescale-display-small-font: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-sys-typescale-display-small-weight: 400; --md-sys-typescale-headline-large-line-height: 2.5rem; --md-sys-typescale-headline-large-size: 2rem; --md-sys-typescale-headline-large-tracking: 0rem; --md-sys-typescale-headline-large-font: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-sys-typescale-headline-large-weight: 400; --md-sys-typescale-headline-medium-line-height: 2.25rem; --md-sys-typescale-headline-medium-size: 1.75rem; --md-sys-typescale-headline-medium-tracking: 0rem; --md-sys-typescale-headline-medium-font: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-sys-typescale-headline-medium-weight: 400; --md-sys-typescale-headline-small-line-height: 2rem; --md-sys-typescale-headline-small-size: 1.5rem; --md-sys-typescale-headline-small-tracking: 0rem; --md-sys-typescale-headline-small-font: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-sys-typescale-headline-small-weight: 400; --md-sys-typescale-label-large-line-height: 1.25rem; --md-sys-typescale-label-large-size: 0.875rem; --md-sys-typescale-label-large-tracking: 0.00625rem; --md-sys-typescale-label-large-font: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-sys-typescale-label-large-weight: 500; --md-sys-typescale-label-medium-line-height: 1rem; --md-sys-typescale-label-medium-size: 0.75rem; --md-sys-typescale-label-medium-tracking: 0.03125rem; --md-sys-typescale-label-medium-font: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-sys-typescale-label-medium-weight: 500; --md-sys-typescale-label-small-line-height: 1rem; --md-sys-typescale-label-small-size: 0.6875rem; --md-sys-typescale-label-small-tracking: 0.03125rem; --md-sys-typescale-label-small-font: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-sys-typescale-label-small-weight: 500; --md-sys-typescale-title-large-line-height: 1.75rem; --md-sys-typescale-title-large-size: 1.375rem; --md-sys-typescale-title-large-tracking: 0rem; --md-sys-typescale-title-large-font: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-sys-typescale-title-large-weight: 400; --md-sys-typescale-title-medium-line-height: 1.5rem; --md-sys-typescale-title-medium-size: 1rem; --md-sys-typescale-title-medium-tracking: 0.009375rem; --md-sys-typescale-title-medium-font: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-sys-typescale-title-medium-weight: 500; --md-sys-typescale-title-small-line-height: 1.25rem; --md-sys-typescale-title-small-size: 0.875rem; --md-sys-typescale-title-small-tracking: 0.00625rem; --md-sys-typescale-title-small-font: "Google Sans Flex", "Roboto Flex", Inter, system-ui, sans-serif; --md-sys-typescale-title-small-weight: 500; --md-sys-shape-corner-extra-large: 28px; --md-sys-shape-corner-extra-small: 4px; --md-sys-shape-corner-full: 9999px; --md-sys-shape-corner-large: 16px; --md-sys-shape-corner-medium: 12px; --md-sys-shape-corner-none: 0px; --md-sys-shape-corner-small: 8px; --md-sys-motion-duration-extra-long1: 700ms; --md-sys-motion-duration-extra-long2: 800ms; --md-sys-motion-duration-extra-long3: 900ms; --md-sys-motion-duration-extra-long4: 1000ms; --md-sys-motion-duration-long1: 450ms; --md-sys-motion-duration-long2: 500ms; --md-sys-motion-duration-long3: 550ms; --md-sys-motion-duration-long4: 600ms; --md-sys-motion-duration-medium1: 250ms; --md-sys-motion-duration-medium2: 300ms; --md-sys-motion-duration-medium3: 350ms; --md-sys-motion-duration-medium4: 400ms; --md-sys-motion-duration-short1: 50ms; --md-sys-motion-duration-short2: 100ms; --md-sys-motion-duration-short3: 150ms; --md-sys-motion-duration-short4: 200ms; --md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1); --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15); --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1); --md-sys-motion-easing-legacy: cubic-bezier(0.4, 0, 0.2, 1); --md-sys-motion-easing-legacy-accelerate: cubic-bezier(0.4, 0, 1, 1); --md-sys-motion-easing-legacy-decelerate: cubic-bezier(0, 0, 0.2, 1); --md-sys-motion-easing-linear: cubic-bezier(0, 0, 1, 1); --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1); --md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1); --md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1); --md-sys-state-dragged-state-layer-opacity: 0.16; --md-sys-state-focus-state-layer-opacity: 0.12; --md-sys-state-hover-state-layer-opacity: 0.08; --md-sys-state-pressed-state-layer-opacity: 0.12; } :root, [data-theme="light"] { --md-sys-color-background: #F6FAFF; --md-sys-color-on-background: #141D23; --md-sys-color-surface: #F6FAFF; --md-sys-color-surface-dim: #D2DBE4; --md-sys-color-surface-bright: #F6FAFF; --md-sys-color-surface-container-lowest: #FFFFFF; --md-sys-color-surface-container-low: #ECF5FE; --md-sys-color-surface-container: #E6EFF8; --md-sys-color-surface-container-high: #E1E9F3; --md-sys-color-surface-container-highest: #DBE3ED; --md-sys-color-on-surface: #141D23; --md-sys-color-on-surface-variant: #3D4851; --md-sys-color-outline: #6D7883; --md-sys-color-outline-variant: #BCC8D3; --md-sys-color-inverse-surface: #293139; --md-sys-color-inverse-on-surface: #E9F2FB; --md-sys-color-primary: #006492; --md-sys-color-primary-dim: #005880; --md-sys-color-on-primary: #FFFFFF; --md-sys-color-primary-container: #C9E6FF; --md-sys-color-on-primary-container: #004B6F; --md-sys-color-primary-fixed: #C9E6FF; --md-sys-color-primary-fixed-dim: #8BCEFF; --md-sys-color-on-primary-fixed: #001E2F; --md-sys-color-on-primary-fixed-variant: #004B6F; --md-sys-color-inverse-primary: #8BCEFF; --md-sys-color-secondary: #4D5F7C; --md-sys-color-secondary-dim: #415370; --md-sys-color-on-secondary: #FFFFFF; --md-sys-color-secondary-container: #D5E3FF; --md-sys-color-on-secondary-container: #354763; --md-sys-color-secondary-fixed: #D5E3FF; --md-sys-color-secondary-fixed-dim: #B4C7E9; --md-sys-color-on-secondary-fixed: #061C36; --md-sys-color-on-secondary-fixed-variant: #354763; --md-sys-color-tertiary: #525C8B; --md-sys-color-tertiary-dim: #46507E; --md-sys-color-on-tertiary: #FFFFFF; --md-sys-color-tertiary-container: #DDE1FF; --md-sys-color-on-tertiary-container: #3A4472; --md-sys-color-tertiary-fixed: #DDE1FF; --md-sys-color-tertiary-fixed-dim: #BAC4FA; --md-sys-color-on-tertiary-fixed: #0C1744; --md-sys-color-on-tertiary-fixed-variant: #3A4472; --md-sys-color-error: #BA1A1A; --md-sys-color-error-dim: #A80710; --md-sys-color-on-error: #FFFFFF; --md-sys-color-error-container: #FFDAD6; --md-sys-color-on-error-container: #93000A; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --md-sys-color-background: #0C141B; --md-sys-color-on-background: #DBE3ED; --md-sys-color-surface: #0C141B; --md-sys-color-surface-dim: #0C141B; --md-sys-color-surface-bright: #323A42; --md-sys-color-surface-container-lowest: #070F15; --md-sys-color-surface-container-low: #141D23; --md-sys-color-surface-container: #182127; --md-sys-color-surface-container-high: #232B32; --md-sys-color-surface-container-highest: #2D363D; --md-sys-color-on-surface: #DBE3ED; --md-sys-color-on-surface-variant: #BCC8D3; --md-sys-color-outline: #87929D; --md-sys-color-outline-variant: #3D4851; --md-sys-color-inverse-surface: #DBE3ED; --md-sys-color-inverse-on-surface: #293139; --md-sys-color-primary: #8BCEFF; --md-sys-color-primary-dim: #0AB3FF; --md-sys-color-on-primary: #00344E; --md-sys-color-primary-container: #004B6F; --md-sys-color-on-primary-container: #C9E6FF; --md-sys-color-primary-fixed: #C9E6FF; --md-sys-color-primary-fixed-dim: #8BCEFF; --md-sys-color-on-primary-fixed: #001E2F; --md-sys-color-on-primary-fixed-variant: #004B6F; --md-sys-color-inverse-primary: #006492; --md-sys-color-secondary: #B4C7E9; --md-sys-color-secondary-dim: #BDD0F2; --md-sys-color-on-secondary: #1E314C; --md-sys-color-secondary-container: #354763; --md-sys-color-on-secondary-container: #D5E3FF; --md-sys-color-secondary-fixed: #D5E3FF; --md-sys-color-secondary-fixed-dim: #B4C7E9; --md-sys-color-on-secondary-fixed: #061C36; --md-sys-color-on-secondary-fixed-variant: #354763; --md-sys-color-tertiary: #BAC4FA; --md-sys-color-tertiary-dim: #BDC6FD; --md-sys-color-on-tertiary: #232D5A; --md-sys-color-tertiary-container: #3A4472; --md-sys-color-on-tertiary-container: #DDE1FF; --md-sys-color-tertiary-fixed: #DDE1FF; --md-sys-color-tertiary-fixed-dim: #BAC4FA; --md-sys-color-on-tertiary-fixed: #0C1744; --md-sys-color-on-tertiary-fixed-variant: #3A4472; --md-sys-color-error: #FFB4AB; --md-sys-color-error-dim: #FF554A; --md-sys-color-on-error: #690005; --md-sys-color-error-container: #93000A; --md-sys-color-on-error-container: #FFDAD6; } } [data-theme="dark"] { --md-sys-color-background: #0C141B; --md-sys-color-on-background: #DBE3ED; --md-sys-color-surface: #0C141B; --md-sys-color-surface-dim: #0C141B; --md-sys-color-surface-bright: #323A42; --md-sys-color-surface-container-lowest: #070F15; --md-sys-color-surface-container-low: #141D23; --md-sys-color-surface-container: #182127; --md-sys-color-surface-container-high: #232B32; --md-sys-color-surface-container-highest: #2D363D; --md-sys-color-on-surface: #DBE3ED; --md-sys-color-on-surface-variant: #BCC8D3; --md-sys-color-outline: #87929D; --md-sys-color-outline-variant: #3D4851; --md-sys-color-inverse-surface: #DBE3ED; --md-sys-color-inverse-on-surface: #293139; --md-sys-color-primary: #8BCEFF; --md-sys-color-primary-dim: #0AB3FF; --md-sys-color-on-primary: #00344E; --md-sys-color-primary-container: #004B6F; --md-sys-color-on-primary-container: #C9E6FF; --md-sys-color-primary-fixed: #C9E6FF; --md-sys-color-primary-fixed-dim: #8BCEFF; --md-sys-color-on-primary-fixed: #001E2F; --md-sys-color-on-primary-fixed-variant: #004B6F; --md-sys-color-inverse-primary: #006492; --md-sys-color-secondary: #B4C7E9; --md-sys-color-secondary-dim: #BDD0F2; --md-sys-color-on-secondary: #1E314C; --md-sys-color-secondary-container: #354763; --md-sys-color-on-secondary-container: #D5E3FF; --md-sys-color-secondary-fixed: #D5E3FF; --md-sys-color-secondary-fixed-dim: #B4C7E9; --md-sys-color-on-secondary-fixed: #061C36; --md-sys-color-on-secondary-fixed-variant: #354763; --md-sys-color-tertiary: #BAC4FA; --md-sys-color-tertiary-dim: #BDC6FD; --md-sys-color-on-tertiary: #232D5A; --md-sys-color-tertiary-container: #3A4472; --md-sys-color-on-tertiary-container: #DDE1FF; --md-sys-color-tertiary-fixed: #DDE1FF; --md-sys-color-tertiary-fixed-dim: #BAC4FA; --md-sys-color-on-tertiary-fixed: #0C1744; --md-sys-color-on-tertiary-fixed-variant: #3A4472; --md-sys-color-error: #FFB4AB; --md-sys-color-error-dim: #FF554A; --md-sys-color-on-error: #690005; --md-sys-color-error-container: #93000A; --md-sys-color-on-error-container: #FFDAD6; } @media (prefers-contrast: more) { :root:not([data-theme]) { --md-sys-color-background: #F6FAFF; --md-sys-color-on-background: #141D23; --md-sys-color-surface: #F6FAFF; --md-sys-color-surface-dim: #B1BAC3; --md-sys-color-surface-bright: #F6FAFF; --md-sys-color-surface-container-lowest: #FFFFFF; --md-sys-color-surface-container-low: #E9F2FB; --md-sys-color-surface-container: #DBE3ED; --md-sys-color-surface-container-high: #CDD5DF; --md-sys-color-surface-container-highest: #BFC7D1; --md-sys-color-on-surface: #000000; --md-sys-color-on-surface-variant: #000000; --md-sys-color-outline: #222D36; --md-sys-color-outline-variant: #3F4A54; --md-sys-color-inverse-surface: #293139; --md-sys-color-inverse-on-surface: #FFFFFF; --md-sys-color-primary: #002F48; --md-sys-color-primary-dim: #002235; --md-sys-color-on-primary: #FFFFFF; --md-sys-color-primary-container: #004E73; --md-sys-color-on-primary-container: #FFFFFF; --md-sys-color-primary-fixed: #004E73; --md-sys-color-primary-fixed-dim: #003651; --md-sys-color-on-primary-fixed: #FFFFFF; --md-sys-color-on-primary-fixed-variant: #FFFFFF; --md-sys-color-inverse-primary: #8BCEFF; --md-sys-color-secondary: #192D47; --md-sys-color-secondary-dim: #0B203A; --md-sys-color-on-secondary: #FFFFFF; --md-sys-color-secondary-container: #374A66; --md-sys-color-on-secondary-container: #FFFFFF; --md-sys-color-secondary-fixed: #374A66; --md-sys-color-secondary-fixed-dim: #20334E; --md-sys-color-on-secondary-fixed: #FFFFFF; --md-sys-color-on-secondary-fixed-variant: #FFFFFF; --md-sys-color-tertiary: #1F2955; --md-sys-color-tertiary-dim: #111C48; --md-sys-color-on-tertiary: #FFFFFF; --md-sys-color-tertiary-container: #3C4674; --md-sys-color-on-tertiary-container: #FFFFFF; --md-sys-color-tertiary-fixed: #3C4674; --md-sys-color-tertiary-fixed-dim: #26305C; --md-sys-color-on-tertiary-fixed: #FFFFFF; --md-sys-color-on-tertiary-fixed-variant: #FFFFFF; --md-sys-color-error: #600004; --md-sys-color-error-dim: #480002; --md-sys-color-on-error: #FFFFFF; --md-sys-color-error-container: #98000A; --md-sys-color-on-error-container: #FFFFFF; } } @media (prefers-contrast: more) and (prefers-color-scheme: dark) { :root:not([data-theme]) { --md-sys-color-background: #0C141B; --md-sys-color-on-background: #DBE3ED; --md-sys-color-surface: #0C141B; --md-sys-color-surface-dim: #0C141B; --md-sys-color-surface-bright: #495159; --md-sys-color-surface-container-lowest: #000000; --md-sys-color-surface-container-low: #182127; --md-sys-color-surface-container: #293139; --md-sys-color-surface-container-high: #343C44; --md-sys-color-surface-container-highest: #3F484F; --md-sys-color-on-surface: #FFFFFF; --md-sys-color-on-surface-variant: #FFFFFF; --md-sys-color-outline: #E6F1FD; --md-sys-color-outline-variant: #B8C4CF; --md-sys-color-inverse-surface: #DBE3ED; --md-sys-color-inverse-on-surface: #000000; --md-sys-color-primary: #E4F2FF; --md-sys-color-primary-dim: #E6F2FF; --md-sys-color-on-primary: #000000; --md-sys-color-primary-container: #81CAFF; --md-sys-color-on-primary-container: #000D17; --md-sys-color-primary-fixed: #C9E6FF; --md-sys-color-primary-fixed-dim: #8BCEFF; --md-sys-color-on-primary-fixed: #000000; --md-sys-color-on-primary-fixed-variant: #001320; --md-sys-color-inverse-primary: #004D71; --md-sys-color-secondary: #EAF0FF; --md-sys-color-secondary-dim: #EBF1FF; --md-sys-color-on-secondary: #000000; --md-sys-color-secondary-container: #B1C4E5; --md-sys-color-on-secondary-container: #000B1E; --md-sys-color-secondary-fixed: #D5E3FF; --md-sys-color-secondary-fixed-dim: #B4C7E9; --md-sys-color-on-secondary-fixed: #000000; --md-sys-color-on-secondary-fixed-variant: #001128; --md-sys-color-tertiary: #EFEFFF; --md-sys-color-tertiary-dim: #F0EFFF; --md-sys-color-on-tertiary: #000000; --md-sys-color-tertiary-container: #B6C0F6; --md-sys-color-on-tertiary-container: #00062E; --md-sys-color-tertiary-fixed: #DDE1FF; --md-sys-color-tertiary-fixed-dim: #BAC4FA; --md-sys-color-on-tertiary-fixed: #000000; --md-sys-color-on-tertiary-fixed-variant: #010C39; --md-sys-color-error: #FFECE9; --md-sys-color-error-dim: #FFEDEA; --md-sys-color-on-error: #000000; --md-sys-color-error-container: #FFAEA4; --md-sys-color-on-error-container: #220001; } } [data-theme="light-medium-contrast"] { --md-sys-color-background: #F6FAFF; --md-sys-color-on-background: #141D23; --md-sys-color-surface: #F6FAFF; --md-sys-color-surface-dim: #BFC7D1; --md-sys-color-surface-bright: #F6FAFF; --md-sys-color-surface-container-lowest: #FFFFFF; --md-sys-color-surface-container-low: #ECF5FE; --md-sys-color-surface-container: #E1E9F3; --md-sys-color-surface-container-high: #D5DEE7; --md-sys-color-surface-container-highest: #CAD3DC; --md-sys-color-on-surface: #0A1219; --md-sys-color-on-surface-variant: #2D3740; --md-sys-color-outline: #49545D; --md-sys-color-outline-variant: #636E79; --md-sys-color-inverse-surface: #293139; --md-sys-color-inverse-on-surface: #E9F2FB; --md-sys-color-primary: #003A56; --md-sys-color-primary-dim: #003D5B; --md-sys-color-on-primary: #FFFFFF; --md-sys-color-primary-container: #0074A8; --md-sys-color-on-primary-container: #FFFFFF; --md-sys-color-primary-fixed: #0074A8; --md-sys-color-primary-fixed-dim: #005A84; --md-sys-color-on-primary-fixed: #FFFFFF; --md-sys-color-on-primary-fixed-variant: #FFFFFF; --md-sys-color-inverse-primary: #8BCEFF; --md-sys-color-secondary: #243752; --md-sys-color-secondary-dim: #273A55; --md-sys-color-on-secondary: #FFFFFF; --md-sys-color-secondary-container: #5B6E8C; --md-sys-color-on-secondary-container: #FFFFFF; --md-sys-color-secondary-fixed: #5B6E8C; --md-sys-color-secondary-fixed-dim: #435672; --md-sys-color-on-secondary-fixed: #FFFFFF; --md-sys-color-on-secondary-fixed-variant: #FFFFFF; --md-sys-color-tertiary: #293360; --md-sys-color-tertiary-dim: #2C3663; --md-sys-color-on-tertiary: #FFFFFF; --md-sys-color-tertiary-container: #616A9B; --md-sys-color-on-tertiary-container: #FFFFFF; --md-sys-color-tertiary-fixed: #616A9B; --md-sys-color-tertiary-fixed-dim: #485281; --md-sys-color-on-tertiary-fixed: #FFFFFF; --md-sys-color-on-tertiary-fixed-variant: #FFFFFF; --md-sys-color-error: #740006; --md-sys-color-error-dim: #790006; --md-sys-color-on-error: #FFFFFF; --md-sys-color-error-container: #CF2C27; --md-sys-color-on-error-container: #FFFFFF; } [data-theme="dark-medium-contrast"] { --md-sys-color-background: #0C141B; --md-sys-color-on-background: #DBE3ED; --md-sys-color-surface: #0C141B; --md-sys-color-surface-dim: #0C141B; --md-sys-color-surface-bright: #3D454D; --md-sys-color-surface-container-lowest: #02080E; --md-sys-color-surface-container-low: #161F25; --md-sys-color-surface-container: #202930; --md-sys-color-surface-container-high: #2B343B; --md-sys-color-surface-container-highest: #363F46; --md-sys-color-on-surface: #FFFFFF; --md-sys-color-on-surface-variant: #D2DEE9; --md-sys-color-outline: #A8B3BE; --md-sys-color-outline-variant: #86929C; --md-sys-color-inverse-surface: #DBE3ED; --md-sys-color-inverse-on-surface: #232B32; --md-sys-color-primary: #BDE1FF; --md-sys-color-primary-dim: #7DC9FF; --md-sys-color-on-primary: #00283E; --md-sys-color-primary-container: #0099DC; --md-sys-color-on-primary-container: #000000; --md-sys-color-primary-fixed: #C9E6FF; --md-sys-color-primary-fixed-dim: #8BCEFF; --md-sys-color-on-primary-fixed: #001320; --md-sys-color-on-primary-fixed-variant: #003A56; --md-sys-color-inverse-primary: #004D71; --md-sys-color-secondary: #CBDDFF; --md-sys-color-secondary-dim: #BDD0F2; --md-sys-color-on-secondary: #122640; --md-sys-color-secondary-container: #7F92B1; --md-sys-color-on-secondary-container: #000000; --md-sys-color-secondary-fixed: #D5E3FF; --md-sys-color-secondary-fixed-dim: #B4C7E9; --md-sys-color-on-secondary-fixed: #001128; --md-sys-color-on-secondary-fixed-variant: #243752; --md-sys-color-tertiary: #D5DAFF; --md-sys-color-tertiary-dim: #BDC6FD; --md-sys-color-on-tertiary: #18224E; --md-sys-color-tertiary-container: #848EC1; --md-sys-color-on-tertiary-container: #000000; --md-sys-color-tertiary-fixed: #DDE1FF; --md-sys-color-tertiary-fixed-dim: #BAC4FA; --md-sys-color-on-tertiary-fixed: #010C39; --md-sys-color-on-tertiary-fixed-variant: #293360; --md-sys-color-error: #FFD2CC; --md-sys-color-error-dim: #FFACA2; --md-sys-color-on-error: #540003; --md-sys-color-error-container: #FF5449; --md-sys-color-on-error-container: #000000; } [data-theme="light-high-contrast"] { --md-sys-color-background: #F6FAFF; --md-sys-color-on-background: #141D23; --md-sys-color-surface: #F6FAFF; --md-sys-color-surface-dim: #B1BAC3; --md-sys-color-surface-bright: #F6FAFF; --md-sys-color-surface-container-lowest: #FFFFFF; --md-sys-color-surface-container-low: #E9F2FB; --md-sys-color-surface-container: #DBE3ED; --md-sys-color-surface-container-high: #CDD5DF; --md-sys-color-surface-container-highest: #BFC7D1; --md-sys-color-on-surface: #000000; --md-sys-color-on-surface-variant: #000000; --md-sys-color-outline: #222D36; --md-sys-color-outline-variant: #3F4A54; --md-sys-color-inverse-surface: #293139; --md-sys-color-inverse-on-surface: #FFFFFF; --md-sys-color-primary: #002F48; --md-sys-color-primary-dim: #002235; --md-sys-color-on-primary: #FFFFFF; --md-sys-color-primary-container: #004E73; --md-sys-color-on-primary-container: #FFFFFF; --md-sys-color-primary-fixed: #004E73; --md-sys-color-primary-fixed-dim: #003651; --md-sys-color-on-primary-fixed: #FFFFFF; --md-sys-color-on-primary-fixed-variant: #FFFFFF; --md-sys-color-inverse-primary: #8BCEFF; --md-sys-color-secondary: #192D47; --md-sys-color-secondary-dim: #0B203A; --md-sys-color-on-secondary: #FFFFFF; --md-sys-color-secondary-container: #374A66; --md-sys-color-on-secondary-container: #FFFFFF; --md-sys-color-secondary-fixed: #374A66; --md-sys-color-secondary-fixed-dim: #20334E; --md-sys-color-on-secondary-fixed: #FFFFFF; --md-sys-color-on-secondary-fixed-variant: #FFFFFF; --md-sys-color-tertiary: #1F2955; --md-sys-color-tertiary-dim: #111C48; --md-sys-color-on-tertiary: #FFFFFF; --md-sys-color-tertiary-container: #3C4674; --md-sys-color-on-tertiary-container: #FFFFFF; --md-sys-color-tertiary-fixed: #3C4674; --md-sys-color-tertiary-fixed-dim: #26305C; --md-sys-color-on-tertiary-fixed: #FFFFFF; --md-sys-color-on-tertiary-fixed-variant: #FFFFFF; --md-sys-color-error: #600004; --md-sys-color-error-dim: #480002; --md-sys-color-on-error: #FFFFFF; --md-sys-color-error-container: #98000A; --md-sys-color-on-error-container: #FFFFFF; } [data-theme="dark-high-contrast"] { --md-sys-color-background: #0C141B; --md-sys-color-on-background: #DBE3ED; --md-sys-color-surface: #0C141B; --md-sys-color-surface-dim: #0C141B; --md-sys-color-surface-bright: #495159; --md-sys-color-surface-container-lowest: #000000; --md-sys-color-surface-container-low: #182127; --md-sys-color-surface-container: #293139; --md-sys-color-surface-container-high: #343C44; --md-sys-color-surface-container-highest: #3F484F; --md-sys-color-on-surface: #FFFFFF; --md-sys-color-on-surface-variant: #FFFFFF; --md-sys-color-outline: #E6F1FD; --md-sys-color-outline-variant: #B8C4CF; --md-sys-color-inverse-surface: #DBE3ED; --md-sys-color-inverse-on-surface: #000000; --md-sys-color-primary: #E4F2FF; --md-sys-color-primary-dim: #E6F2FF; --md-sys-color-on-primary: #000000; --md-sys-color-primary-container: #81CAFF; --md-sys-color-on-primary-container: #000D17; --md-sys-color-primary-fixed: #C9E6FF; --md-sys-color-primary-fixed-dim: #8BCEFF; --md-sys-color-on-primary-fixed: #000000; --md-sys-color-on-primary-fixed-variant: #001320; --md-sys-color-inverse-primary: #004D71; --md-sys-color-secondary: #EAF0FF; --md-sys-color-secondary-dim: #EBF1FF; --md-sys-color-on-secondary: #000000; --md-sys-color-secondary-container: #B1C4E5; --md-sys-color-on-secondary-container: #000B1E; --md-sys-color-secondary-fixed: #D5E3FF; --md-sys-color-secondary-fixed-dim: #B4C7E9; --md-sys-color-on-secondary-fixed: #000000; --md-sys-color-on-secondary-fixed-variant: #001128; --md-sys-color-tertiary: #EFEFFF; --md-sys-color-tertiary-dim: #F0EFFF; --md-sys-color-on-tertiary: #000000; --md-sys-color-tertiary-container: #B6C0F6; --md-sys-color-on-tertiary-container: #00062E; --md-sys-color-tertiary-fixed: #DDE1FF; --md-sys-color-tertiary-fixed-dim: #BAC4FA; --md-sys-color-on-tertiary-fixed: #000000; --md-sys-color-on-tertiary-fixed-variant: #010C39; --md-sys-color-error: #FFECE9; --md-sys-color-error-dim: #FFEDEA; --md-sys-color-on-error: #000000; --md-sys-color-error-container: #FFAEA4; --md-sys-color-on-error-container: #220001; } @media (prefers-reduced-motion: reduce) { :root { --md-sys-motion-duration-extra-long1: 0ms; --md-sys-motion-duration-extra-long2: 0ms; --md-sys-motion-duration-extra-long3: 0ms; --md-sys-motion-duration-extra-long4: 0ms; --md-sys-motion-duration-long1: 0ms; --md-sys-motion-duration-long2: 0ms; --md-sys-motion-duration-long3: 0ms; --md-sys-motion-duration-long4: 0ms; --md-sys-motion-duration-medium1: 0ms; --md-sys-motion-duration-medium2: 0ms; --md-sys-motion-duration-medium3: 0ms; --md-sys-motion-duration-medium4: 0ms; --md-sys-motion-duration-short1: 0ms; --md-sys-motion-duration-short2: 0ms; --md-sys-motion-duration-short3: 0ms; --md-sys-motion-duration-short4: 0ms; } }