/* HR App · M3 tokens · generated by tools/generate-tokens.mjs — do not hand-edit. * Seed #263C28 (Headspace forest) · SchemeTonalSpot · material-color-utilities 0.3.0 * Light is default. Dark: [data-theme="dark"] or OS dark when no data-theme is set. * Contrast: [data-contrast="medium"|"high"] or OS prefers-contrast: more (→ high). */ :root { --md-sys-typescale-display-large-font: var(--md-ref-typeface-brand); --md-sys-typescale-display-large-size: 3.5625rem; --md-sys-typescale-display-large-line-height: 4.0000rem; --md-sys-typescale-display-large-tracking: -0.25px; --md-sys-typescale-display-large-weight: 400; --md-sys-typescale-display-large-weight-emphasized: 500; --md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand); --md-sys-typescale-display-medium-size: 2.8125rem; --md-sys-typescale-display-medium-line-height: 3.2500rem; --md-sys-typescale-display-medium-tracking: 0px; --md-sys-typescale-display-medium-weight: 400; --md-sys-typescale-display-medium-weight-emphasized: 500; --md-sys-typescale-display-small-font: var(--md-ref-typeface-brand); --md-sys-typescale-display-small-size: 2.25rem; --md-sys-typescale-display-small-line-height: 2.7500rem; --md-sys-typescale-display-small-tracking: 0px; --md-sys-typescale-display-small-weight: 400; --md-sys-typescale-display-small-weight-emphasized: 500; --md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand); --md-sys-typescale-headline-large-size: 2rem; --md-sys-typescale-headline-large-line-height: 2.5000rem; --md-sys-typescale-headline-large-tracking: 0px; --md-sys-typescale-headline-large-weight: 400; --md-sys-typescale-headline-large-weight-emphasized: 500; --md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand); --md-sys-typescale-headline-medium-size: 1.75rem; --md-sys-typescale-headline-medium-line-height: 2.2500rem; --md-sys-typescale-headline-medium-tracking: 0px; --md-sys-typescale-headline-medium-weight: 400; --md-sys-typescale-headline-medium-weight-emphasized: 500; --md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand); --md-sys-typescale-headline-small-size: 1.5rem; --md-sys-typescale-headline-small-line-height: 2.0000rem; --md-sys-typescale-headline-small-tracking: 0px; --md-sys-typescale-headline-small-weight: 400; --md-sys-typescale-headline-small-weight-emphasized: 500; --md-sys-typescale-title-large-font: var(--md-ref-typeface-brand); --md-sys-typescale-title-large-size: 1.375rem; --md-sys-typescale-title-large-line-height: 1.7500rem; --md-sys-typescale-title-large-tracking: 0px; --md-sys-typescale-title-large-weight: 400; --md-sys-typescale-title-large-weight-emphasized: 500; --md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain); --md-sys-typescale-title-medium-size: 1rem; --md-sys-typescale-title-medium-line-height: 1.5000rem; --md-sys-typescale-title-medium-tracking: 0.15px; --md-sys-typescale-title-medium-weight: 500; --md-sys-typescale-title-medium-weight-emphasized: 700; --md-sys-typescale-title-small-font: var(--md-ref-typeface-plain); --md-sys-typescale-title-small-size: 0.875rem; --md-sys-typescale-title-small-line-height: 1.2500rem; --md-sys-typescale-title-small-tracking: 0.1px; --md-sys-typescale-title-small-weight: 500; --md-sys-typescale-title-small-weight-emphasized: 700; --md-sys-typescale-body-large-font: var(--md-ref-typeface-plain); --md-sys-typescale-body-large-size: 1rem; --md-sys-typescale-body-large-line-height: 1.5000rem; --md-sys-typescale-body-large-tracking: 0.5px; --md-sys-typescale-body-large-weight: 400; --md-sys-typescale-body-large-weight-emphasized: 500; --md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain); --md-sys-typescale-body-medium-size: 0.875rem; --md-sys-typescale-body-medium-line-height: 1.2500rem; --md-sys-typescale-body-medium-tracking: 0.25px; --md-sys-typescale-body-medium-weight: 400; --md-sys-typescale-body-medium-weight-emphasized: 500; --md-sys-typescale-body-small-font: var(--md-ref-typeface-plain); --md-sys-typescale-body-small-size: 0.75rem; --md-sys-typescale-body-small-line-height: 1.0000rem; --md-sys-typescale-body-small-tracking: 0.4px; --md-sys-typescale-body-small-weight: 400; --md-sys-typescale-body-small-weight-emphasized: 500; --md-sys-typescale-label-large-font: var(--md-ref-typeface-plain); --md-sys-typescale-label-large-size: 0.875rem; --md-sys-typescale-label-large-line-height: 1.2500rem; --md-sys-typescale-label-large-tracking: 0.1px; --md-sys-typescale-label-large-weight: 500; --md-sys-typescale-label-large-weight-emphasized: 700; --md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain); --md-sys-typescale-label-medium-size: 0.75rem; --md-sys-typescale-label-medium-line-height: 1.0000rem; --md-sys-typescale-label-medium-tracking: 0.5px; --md-sys-typescale-label-medium-weight: 500; --md-sys-typescale-label-medium-weight-emphasized: 700; --md-sys-typescale-label-small-font: var(--md-ref-typeface-plain); --md-sys-typescale-label-small-size: 0.6875rem; --md-sys-typescale-label-small-line-height: 1.0000rem; --md-sys-typescale-label-small-tracking: 0.5px; --md-sys-typescale-label-small-weight: 500; --md-sys-typescale-label-small-weight-emphasized: 700; --md-ref-typeface-brand: 'Roboto Flex', Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif; --md-ref-typeface-plain: 'Roboto Flex', Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif; --md-ref-typeface-mono: 'Roboto Mono', ui-monospace, monospace; --wp-numeric: tabular-nums lining-nums; --md-sys-shape-corner-none: 0px; --md-sys-shape-corner-extra-small: 4px; --md-sys-shape-corner-small: 8px; --md-sys-shape-corner-medium: 12px; --md-sys-shape-corner-large: 16px; --md-sys-shape-corner-large-increased: 20px; --md-sys-shape-corner-extra-large: 28px; --md-sys-shape-corner-extra-large-increased: 32px; --md-sys-shape-corner-extra-extra-large: 48px; --md-sys-shape-corner-full: 9999px; --md-sys-elevation-level0: none; --md-sys-elevation-level1: 0 1px 2px rgba(0,0,0,.30), 0 1px 3px 1px rgba(0,0,0,.15); --md-sys-elevation-level2: 0 1px 2px rgba(0,0,0,.30), 0 2px 6px 2px rgba(0,0,0,.15); --md-sys-elevation-level3: 0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.30); --md-sys-elevation-level4: 0 6px 10px 4px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.30); --md-sys-elevation-level5: 0 8px 12px 6px rgba(0,0,0,.15), 0 4px 4px rgba(0,0,0,.30); --wp-space-0: 0px; --wp-space-1: 4px; --wp-space-2: 8px; --wp-space-3: 12px; --wp-space-4: 16px; --wp-space-5: 20px; --wp-space-6: 24px; --wp-space-8: 32px; --wp-space-10: 40px; --wp-space-12: 48px; --wp-space-16: 64px; --wp-space-20: 80px; --wp-space-inline-gap: 8px; --wp-space-field-gap: 16px; --wp-space-section-gap: 32px; --wp-space-card-padding: 16px; --wp-space-card-padding-large: 24px; --wp-space-card-gap: 16px; --wp-space-kpi-grid-gap: 12px; --wp-space-page-margin-compact: 16px; --wp-space-page-margin-medium: 24px; --wp-space-page-margin-expanded: 24px; --wp-space-pane-spacer: 24px; --wp-space-list-pane-width: 360px; --md-sys-motion-spring-expressive-spatial-fast: cubic-bezier(0.42, 1.67, 0.21, 0.90); --md-sys-motion-spring-expressive-spatial-fast-duration: 350ms; --md-sys-motion-spring-expressive-spatial-default: cubic-bezier(0.38, 1.21, 0.22, 1.00); --md-sys-motion-spring-expressive-spatial-default-duration: 500ms; --md-sys-motion-spring-expressive-spatial-slow: cubic-bezier(0.39, 1.29, 0.35, 0.98); --md-sys-motion-spring-expressive-spatial-slow-duration: 650ms; --md-sys-motion-spring-expressive-effects-fast: cubic-bezier(0.31, 0.94, 0.34, 1.00); --md-sys-motion-spring-expressive-effects-fast-duration: 150ms; --md-sys-motion-spring-expressive-effects-default: cubic-bezier(0.34, 0.80, 0.34, 1.00); --md-sys-motion-spring-expressive-effects-default-duration: 200ms; --md-sys-motion-spring-expressive-effects-slow: cubic-bezier(0.34, 0.88, 0.34, 1.00); --md-sys-motion-spring-expressive-effects-slow-duration: 300ms; --md-sys-motion-spring-standard-spatial-fast: cubic-bezier(0.27, 1.06, 0.18, 1.00); --md-sys-motion-spring-standard-spatial-fast-duration: 350ms; --md-sys-motion-spring-standard-spatial-default: cubic-bezier(0.27, 1.06, 0.18, 1.00); --md-sys-motion-spring-standard-spatial-default-duration: 500ms; --md-sys-motion-spring-standard-spatial-slow: cubic-bezier(0.27, 1.06, 0.18, 1.00); --md-sys-motion-spring-standard-spatial-slow-duration: 750ms; --md-sys-motion-spring-standard-effects-fast: cubic-bezier(0.31, 0.94, 0.34, 1.00); --md-sys-motion-spring-standard-effects-fast-duration: 150ms; --md-sys-motion-spring-standard-effects-default: cubic-bezier(0.34, 0.80, 0.34, 1.00); --md-sys-motion-spring-standard-effects-default-duration: 200ms; --md-sys-motion-spring-standard-effects-slow: cubic-bezier(0.34, 0.88, 0.34, 1.00); --md-sys-motion-spring-standard-effects-slow-duration: 300ms; --md-sys-state-hover: 0.08; --md-sys-state-focus: 0.10; --md-sys-state-pressed: 0.10; --md-sys-state-dragged: 0.16; --wp-target-min: 48px; --wp-scrim-opacity: 0.32; --wp-chart-1-pattern: solid; --wp-chart-1-marker: circle; --wp-chart-2-pattern: diagonal-right; --wp-chart-2-marker: square; --wp-chart-3-pattern: dots; --wp-chart-3-marker: triangle; --wp-chart-4-pattern: cross-hatch; --wp-chart-4-marker: diamond; --wp-chart-5-pattern: horizontal; --wp-chart-5-marker: triangle-down; --wp-chart-6-pattern: vertical; --wp-chart-6-marker: plus; --wp-chart-7-pattern: diagonal-left; --wp-chart-7-marker: cross; --wp-chart-8-pattern: grid; --wp-chart-8-marker: star; } :root, [data-theme="light"] { color-scheme: light; --md-sys-color-primary: #36693e; --md-sys-color-on-primary: #ffffff; --md-sys-color-primary-container: #b7f1ba; --md-sys-color-on-primary-container: #1c5128; --md-sys-color-inverse-primary: #9cd49f; --md-sys-color-secondary: #516351; --md-sys-color-on-secondary: #ffffff; --md-sys-color-secondary-container: #d4e8d1; --md-sys-color-on-secondary-container: #3a4b3a; --md-sys-color-tertiary: #39656c; --md-sys-color-on-tertiary: #ffffff; --md-sys-color-tertiary-container: #bdeaf3; --md-sys-color-on-tertiary-container: #1f4d54; --md-sys-color-error: #ba1a1a; --md-sys-color-on-error: #ffffff; --md-sys-color-error-container: #ffdad6; --md-sys-color-on-error-container: #93000a; --md-sys-color-primary-fixed: #b7f1ba; --md-sys-color-primary-fixed-dim: #9cd49f; --md-sys-color-on-primary-fixed: #002109; --md-sys-color-on-primary-fixed-variant: #1c5128; --md-sys-color-secondary-fixed: #d4e8d1; --md-sys-color-secondary-fixed-dim: #b8ccb6; --md-sys-color-on-secondary-fixed: #0f1f11; --md-sys-color-on-secondary-fixed-variant: #3a4b3a; --md-sys-color-tertiary-fixed: #bdeaf3; --md-sys-color-tertiary-fixed-dim: #a1ced7; --md-sys-color-on-tertiary-fixed: #001f24; --md-sys-color-on-tertiary-fixed-variant: #1f4d54; --md-sys-color-background: #f7fbf2; --md-sys-color-on-background: #181d18; --md-sys-color-surface: #f7fbf2; --md-sys-color-surface-dim: #d7dbd3; --md-sys-color-surface-bright: #f7fbf2; --md-sys-color-surface-container-lowest: #ffffff; --md-sys-color-surface-container-low: #f1f5ec; --md-sys-color-surface-container: #ebefe7; --md-sys-color-surface-container-high: #e5e9e1; --md-sys-color-surface-container-highest: #e0e4db; --md-sys-color-on-surface: #181d18; --md-sys-color-surface-variant: #dde5d9; --md-sys-color-on-surface-variant: #424941; --md-sys-color-inverse-surface: #2d322c; --md-sys-color-inverse-on-surface: #eef2ea; --md-sys-color-outline: #727970; --md-sys-color-outline-variant: #c1c9be; --md-sys-color-shadow: #000000; --md-sys-color-scrim: #000000; --md-sys-color-surface-tint: #36693e; --wp-color-positive: #1b6d24; --wp-color-on-positive: #ffffff; --wp-color-positive-container: #a3f69c; --wp-color-on-positive-container: #002204; --wp-color-negative: #b91d20; --wp-color-on-negative: #ffffff; --wp-color-negative-container: #ffdad6; --wp-color-on-negative-container: #410003; --wp-color-at-risk: #8a5100; --wp-color-on-at-risk: #ffffff; --wp-color-at-risk-container: #ffdcbd; --wp-color-on-at-risk-container: #2c1600; --wp-color-on-track: #1b6d24; --wp-color-on-on-track: #ffffff; --wp-color-on-track-container: #a3f69c; --wp-color-on-on-track-container: #002204; --wp-color-off-track: #b91d20; --wp-color-on-off-track: #ffffff; --wp-color-off-track-container: #ffdad6; --wp-color-on-off-track-container: #410003; --wp-chart-1: #1645b9; --wp-chart-2: #ab6800; --wp-chart-3: #00876a; --wp-chart-4: #8a4581; --wp-chart-5: #a9343b; --wp-chart-6: #003b40; --wp-chart-7: #373a00; --wp-chart-8: #7c69c4; } [data-theme="dark"] { color-scheme: dark; --md-sys-color-primary: #9cd49f; --md-sys-color-on-primary: #003914; --md-sys-color-primary-container: #1c5128; --md-sys-color-on-primary-container: #b7f1ba; --md-sys-color-inverse-primary: #36693e; --md-sys-color-secondary: #b8ccb6; --md-sys-color-on-secondary: #243425; --md-sys-color-secondary-container: #3a4b3a; --md-sys-color-on-secondary-container: #d4e8d1; --md-sys-color-tertiary: #a1ced7; --md-sys-color-on-tertiary: #00363d; --md-sys-color-tertiary-container: #1f4d54; --md-sys-color-on-tertiary-container: #bdeaf3; --md-sys-color-error: #ffb4ab; --md-sys-color-on-error: #690005; --md-sys-color-error-container: #93000a; --md-sys-color-on-error-container: #ffdad6; --md-sys-color-primary-fixed: #b7f1ba; --md-sys-color-primary-fixed-dim: #9cd49f; --md-sys-color-on-primary-fixed: #002109; --md-sys-color-on-primary-fixed-variant: #1c5128; --md-sys-color-secondary-fixed: #d4e8d1; --md-sys-color-secondary-fixed-dim: #b8ccb6; --md-sys-color-on-secondary-fixed: #0f1f11; --md-sys-color-on-secondary-fixed-variant: #3a4b3a; --md-sys-color-tertiary-fixed: #bdeaf3; --md-sys-color-tertiary-fixed-dim: #a1ced7; --md-sys-color-on-tertiary-fixed: #001f24; --md-sys-color-on-tertiary-fixed-variant: #1f4d54; --md-sys-color-background: #101510; --md-sys-color-on-background: #e0e4db; --md-sys-color-surface: #101510; --md-sys-color-surface-dim: #101510; --md-sys-color-surface-bright: #363a35; --md-sys-color-surface-container-lowest: #0b0f0b; --md-sys-color-surface-container-low: #181d18; --md-sys-color-surface-container: #1c211c; --md-sys-color-surface-container-high: #262b26; --md-sys-color-surface-container-highest: #313630; --md-sys-color-on-surface: #e0e4db; --md-sys-color-surface-variant: #424941; --md-sys-color-on-surface-variant: #c1c9be; --md-sys-color-inverse-surface: #e0e4db; --md-sys-color-inverse-on-surface: #2d322c; --md-sys-color-outline: #8b9389; --md-sys-color-outline-variant: #424941; --md-sys-color-shadow: #000000; --md-sys-color-scrim: #000000; --md-sys-color-surface-tint: #9cd49f; --wp-color-positive: #88d982; --wp-color-on-positive: #003909; --wp-color-positive-container: #005312; --wp-color-on-positive-container: #a3f69c; --wp-color-negative: #ffb4ac; --wp-color-on-negative: #690007; --wp-color-negative-container: #93000e; --wp-color-on-negative-container: #ffdad6; --wp-color-at-risk: #ffb86e; --wp-color-on-at-risk: #492900; --wp-color-at-risk-container: #693c00; --wp-color-on-at-risk-container: #ffdcbd; --wp-color-on-track: #88d982; --wp-color-on-on-track: #003909; --wp-color-on-track-container: #005312; --wp-color-on-on-track-container: #a3f69c; --wp-color-off-track: #ffb4ac; --wp-color-on-off-track: #690007; --wp-color-off-track-container: #93000e; --wp-color-on-off-track-container: #ffdad6; --wp-chart-1: #34a6ff; --wp-chart-2: #ffc69e; --wp-chart-3: #578f73; --wp-chart-4: #ff92b2; --wp-chart-5: #d76440; --wp-chart-6: #a2f6fa; --wp-chart-7: #e0e766; --wp-chart-8: #b3c5ff; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; --md-sys-color-primary: #9cd49f; --md-sys-color-on-primary: #003914; --md-sys-color-primary-container: #1c5128; --md-sys-color-on-primary-container: #b7f1ba; --md-sys-color-inverse-primary: #36693e; --md-sys-color-secondary: #b8ccb6; --md-sys-color-on-secondary: #243425; --md-sys-color-secondary-container: #3a4b3a; --md-sys-color-on-secondary-container: #d4e8d1; --md-sys-color-tertiary: #a1ced7; --md-sys-color-on-tertiary: #00363d; --md-sys-color-tertiary-container: #1f4d54; --md-sys-color-on-tertiary-container: #bdeaf3; --md-sys-color-error: #ffb4ab; --md-sys-color-on-error: #690005; --md-sys-color-error-container: #93000a; --md-sys-color-on-error-container: #ffdad6; --md-sys-color-primary-fixed: #b7f1ba; --md-sys-color-primary-fixed-dim: #9cd49f; --md-sys-color-on-primary-fixed: #002109; --md-sys-color-on-primary-fixed-variant: #1c5128; --md-sys-color-secondary-fixed: #d4e8d1; --md-sys-color-secondary-fixed-dim: #b8ccb6; --md-sys-color-on-secondary-fixed: #0f1f11; --md-sys-color-on-secondary-fixed-variant: #3a4b3a; --md-sys-color-tertiary-fixed: #bdeaf3; --md-sys-color-tertiary-fixed-dim: #a1ced7; --md-sys-color-on-tertiary-fixed: #001f24; --md-sys-color-on-tertiary-fixed-variant: #1f4d54; --md-sys-color-background: #101510; --md-sys-color-on-background: #e0e4db; --md-sys-color-surface: #101510; --md-sys-color-surface-dim: #101510; --md-sys-color-surface-bright: #363a35; --md-sys-color-surface-container-lowest: #0b0f0b; --md-sys-color-surface-container-low: #181d18; --md-sys-color-surface-container: #1c211c; --md-sys-color-surface-container-high: #262b26; --md-sys-color-surface-container-highest: #313630; --md-sys-color-on-surface: #e0e4db; --md-sys-color-surface-variant: #424941; --md-sys-color-on-surface-variant: #c1c9be; --md-sys-color-inverse-surface: #e0e4db; --md-sys-color-inverse-on-surface: #2d322c; --md-sys-color-outline: #8b9389; --md-sys-color-outline-variant: #424941; --md-sys-color-shadow: #000000; --md-sys-color-scrim: #000000; --md-sys-color-surface-tint: #9cd49f; --wp-color-positive: #88d982; --wp-color-on-positive: #003909; --wp-color-positive-container: #005312; --wp-color-on-positive-container: #a3f69c; --wp-color-negative: #ffb4ac; --wp-color-on-negative: #690007; --wp-color-negative-container: #93000e; --wp-color-on-negative-container: #ffdad6; --wp-color-at-risk: #ffb86e; --wp-color-on-at-risk: #492900; --wp-color-at-risk-container: #693c00; --wp-color-on-at-risk-container: #ffdcbd; --wp-color-on-track: #88d982; --wp-color-on-on-track: #003909; --wp-color-on-track-container: #005312; --wp-color-on-on-track-container: #a3f69c; --wp-color-off-track: #ffb4ac; --wp-color-on-off-track: #690007; --wp-color-off-track-container: #93000e; --wp-color-on-off-track-container: #ffdad6; --wp-chart-1: #34a6ff; --wp-chart-2: #ffc69e; --wp-chart-3: #578f73; --wp-chart-4: #ff92b2; --wp-chart-5: #d76440; --wp-chart-6: #a2f6fa; --wp-chart-7: #e0e766; --wp-chart-8: #b3c5ff; } } [data-contrast="medium"]:not([data-theme="dark"]) { color-scheme: light; --md-sys-color-primary: #073f19; --md-sys-color-on-primary: #ffffff; --md-sys-color-primary-container: #44784c; --md-sys-color-on-primary-container: #ffffff; --md-sys-color-inverse-primary: #9cd49f; --md-sys-color-secondary: #293a2a; --md-sys-color-on-secondary: #ffffff; --md-sys-color-secondary-container: #5f725f; --md-sys-color-on-secondary-container: #ffffff; --md-sys-color-tertiary: #083c43; --md-sys-color-on-tertiary: #ffffff; --md-sys-color-tertiary-container: #48747c; --md-sys-color-on-tertiary-container: #ffffff; --md-sys-color-error: #740006; --md-sys-color-on-error: #ffffff; --md-sys-color-error-container: #cf2c27; --md-sys-color-on-error-container: #ffffff; --md-sys-color-primary-fixed: #44784c; --md-sys-color-primary-fixed-dim: #2c5f35; --md-sys-color-on-primary-fixed: #ffffff; --md-sys-color-on-primary-fixed-variant: #ffffff; --md-sys-color-secondary-fixed: #5f725f; --md-sys-color-secondary-fixed-dim: #475948; --md-sys-color-on-secondary-fixed: #ffffff; --md-sys-color-on-secondary-fixed-variant: #ffffff; --md-sys-color-tertiary-fixed: #48747c; --md-sys-color-tertiary-fixed-dim: #2f5b63; --md-sys-color-on-tertiary-fixed: #ffffff; --md-sys-color-on-tertiary-fixed-variant: #ffffff; --md-sys-color-background: #f7fbf2; --md-sys-color-on-background: #181d18; --md-sys-color-surface: #f7fbf2; --md-sys-color-surface-dim: #c3c8c0; --md-sys-color-surface-bright: #f7fbf2; --md-sys-color-surface-container-lowest: #ffffff; --md-sys-color-surface-container-low: #f1f5ec; --md-sys-color-surface-container: #e5e9e1; --md-sys-color-surface-container-high: #daded6; --md-sys-color-surface-container-highest: #cfd3cb; --md-sys-color-on-surface: #0e120e; --md-sys-color-surface-variant: #dde5d9; --md-sys-color-on-surface-variant: #313830; --md-sys-color-inverse-surface: #2d322c; --md-sys-color-inverse-on-surface: #eef2ea; --md-sys-color-outline: #4d544c; --md-sys-color-outline-variant: #686f66; --md-sys-color-shadow: #000000; --md-sys-color-scrim: #000000; --md-sys-color-surface-tint: #36693e; --wp-color-positive: #076019; --wp-color-on-positive: #ffffff; --wp-color-positive-container: #005312; --wp-color-on-positive-container: #ffffff; --wp-color-negative: #a70b16; --wp-color-on-negative: #ffffff; --wp-color-negative-container: #93000e; --wp-color-on-negative-container: #ffffff; --wp-color-at-risk: #794600; --wp-color-on-at-risk: #ffffff; --wp-color-at-risk-container: #693c00; --wp-color-on-at-risk-container: #ffffff; --wp-color-on-track: #076019; --wp-color-on-on-track: #ffffff; --wp-color-on-track-container: #005312; --wp-color-on-on-track-container: #ffffff; --wp-color-off-track: #a70b16; --wp-color-on-off-track: #ffffff; --wp-color-off-track-container: #93000e; --wp-color-on-off-track-container: #ffffff; --wp-chart-1: #1645b9; --wp-chart-2: #9d5f00; --wp-chart-3: #007c61; --wp-chart-4: #8a4581; --wp-chart-5: #a9343b; --wp-chart-6: #003b40; --wp-chart-7: #373a00; --wp-chart-8: #725fb9; } [data-contrast="medium"][data-theme="dark"] { color-scheme: dark; --md-sys-color-primary: #b1eab4; --md-sys-color-on-primary: #002d0e; --md-sys-color-primary-container: #679d6d; --md-sys-color-on-primary-container: #000000; --md-sys-color-inverse-primary: #1e5229; --md-sys-color-secondary: #cee2cb; --md-sys-color-on-secondary: #19291a; --md-sys-color-secondary-container: #839681; --md-sys-color-on-secondary-container: #000000; --md-sys-color-tertiary: #b7e4ed; --md-sys-color-on-tertiary: #002a30; --md-sys-color-tertiary-container: #6c98a0; --md-sys-color-on-tertiary-container: #000000; --md-sys-color-error: #ffd2cc; --md-sys-color-on-error: #540003; --md-sys-color-error-container: #ff5449; --md-sys-color-on-error-container: #000000; --md-sys-color-primary-fixed: #b7f1ba; --md-sys-color-primary-fixed-dim: #9cd49f; --md-sys-color-on-primary-fixed: #001504; --md-sys-color-on-primary-fixed-variant: #073f19; --md-sys-color-secondary-fixed: #d4e8d1; --md-sys-color-secondary-fixed-dim: #b8ccb6; --md-sys-color-on-secondary-fixed: #051407; --md-sys-color-on-secondary-fixed-variant: #293a2a; --md-sys-color-tertiary-fixed: #bdeaf3; --md-sys-color-tertiary-fixed-dim: #a1ced7; --md-sys-color-on-tertiary-fixed: #001417; --md-sys-color-on-tertiary-fixed-variant: #083c43; --md-sys-color-background: #101510; --md-sys-color-on-background: #e0e4db; --md-sys-color-surface: #101510; --md-sys-color-surface-dim: #101510; --md-sys-color-surface-bright: #414640; --md-sys-color-surface-container-lowest: #050805; --md-sys-color-surface-container-low: #1a1f1a; --md-sys-color-surface-container: #242924; --md-sys-color-surface-container-high: #2f342e; --md-sys-color-surface-container-highest: #3a3f39; --md-sys-color-on-surface: #ffffff; --md-sys-color-surface-variant: #424941; --md-sys-color-on-surface-variant: #d7ded3; --md-sys-color-inverse-surface: #e0e4db; --md-sys-color-inverse-on-surface: #272b26; --md-sys-color-outline: #adb4aa; --md-sys-color-outline-variant: #8b9289; --md-sys-color-shadow: #000000; --md-sys-color-scrim: #000000; --md-sys-color-surface-tint: #9cd49f; --wp-color-positive: #88d982; --wp-color-on-positive: #002204; --wp-color-positive-container: #95e88f; --wp-color-on-positive-container: #000000; --wp-color-negative: #ffb4ac; --wp-color-on-negative: #410003; --wp-color-negative-container: #ffc7c1; --wp-color-on-negative-container: #000000; --wp-color-at-risk: #ffb86e; --wp-color-on-at-risk: #2c1600; --wp-color-at-risk-container: #ffcb97; --wp-color-on-at-risk-container: #000000; --wp-color-on-track: #88d982; --wp-color-on-on-track: #002204; --wp-color-on-track-container: #95e88f; --wp-color-on-on-track-container: #000000; --wp-color-off-track: #ffb4ac; --wp-color-on-off-track: #410003; --wp-color-off-track-container: #ffc7c1; --wp-color-on-off-track-container: #000000; --wp-chart-1: #34a6ff; --wp-chart-2: #ffc69e; --wp-chart-3: #649c80; --wp-chart-4: #ff92b2; --wp-chart-5: #e46e49; --wp-chart-6: #a2f6fa; --wp-chart-7: #e0e766; --wp-chart-8: #b3c5ff; } [data-contrast="high"]:not([data-theme="dark"]) { color-scheme: light; --md-sys-color-primary: #003412; --md-sys-color-on-primary: #ffffff; --md-sys-color-primary-container: #1f532a; --md-sys-color-on-primary-container: #ffffff; --md-sys-color-inverse-primary: #9cd49f; --md-sys-color-secondary: #1f3021; --md-sys-color-on-secondary: #ffffff; --md-sys-color-secondary-container: #3c4d3c; --md-sys-color-on-secondary-container: #ffffff; --md-sys-color-tertiary: #003138; --md-sys-color-on-tertiary: #ffffff; --md-sys-color-tertiary-container: #224f57; --md-sys-color-on-tertiary-container: #ffffff; --md-sys-color-error: #600004; --md-sys-color-on-error: #ffffff; --md-sys-color-error-container: #98000a; --md-sys-color-on-error-container: #ffffff; --md-sys-color-primary-fixed: #1f532a; --md-sys-color-primary-fixed-dim: #023c16; --md-sys-color-on-primary-fixed: #ffffff; --md-sys-color-on-primary-fixed-variant: #ffffff; --md-sys-color-secondary-fixed: #3c4d3c; --md-sys-color-secondary-fixed-dim: #263727; --md-sys-color-on-secondary-fixed: #ffffff; --md-sys-color-on-secondary-fixed-variant: #ffffff; --md-sys-color-tertiary-fixed: #224f57; --md-sys-color-tertiary-fixed-dim: #033840; --md-sys-color-on-tertiary-fixed: #ffffff; --md-sys-color-on-tertiary-fixed-variant: #ffffff; --md-sys-color-background: #f7fbf2; --md-sys-color-on-background: #181d18; --md-sys-color-surface: #f7fbf2; --md-sys-color-surface-dim: #b6bab2; --md-sys-color-surface-bright: #f7fbf2; --md-sys-color-surface-container-lowest: #ffffff; --md-sys-color-surface-container-low: #eef2ea; --md-sys-color-surface-container: #e0e4db; --md-sys-color-surface-container-high: #d1d6ce; --md-sys-color-surface-container-highest: #c3c8c0; --md-sys-color-on-surface: #000000; --md-sys-color-surface-variant: #dde5d9; --md-sys-color-on-surface-variant: #000000; --md-sys-color-inverse-surface: #2d322c; --md-sys-color-inverse-on-surface: #ffffff; --md-sys-color-outline: #272e27; --md-sys-color-outline-variant: #444b43; --md-sys-color-shadow: #000000; --md-sys-color-scrim: #000000; --md-sys-color-surface-tint: #36693e; --wp-color-positive: #003408; --wp-color-on-positive: #ffffff; --wp-color-positive-container: #003909; --wp-color-on-positive-container: #ffffff; --wp-color-negative: #600006; --wp-color-on-negative: #ffffff; --wp-color-negative-container: #690007; --wp-color-on-negative-container: #ffffff; --wp-color-at-risk: #432500; --wp-color-on-at-risk: #ffffff; --wp-color-at-risk-container: #492900; --wp-color-on-at-risk-container: #ffffff; --wp-color-on-track: #003408; --wp-color-on-on-track: #ffffff; --wp-color-on-track-container: #003909; --wp-color-on-on-track-container: #ffffff; --wp-color-off-track: #600006; --wp-color-on-off-track: #ffffff; --wp-color-off-track-container: #690007; --wp-color-on-off-track-container: #ffffff; --wp-chart-1: #1645b9; --wp-chart-2: #8f5600; --wp-chart-3: #007158; --wp-chart-4: #8a4581; --wp-chart-5: #a9343b; --wp-chart-6: #003b40; --wp-chart-7: #373a00; --wp-chart-8: #6855af; } [data-contrast="high"][data-theme="dark"] { color-scheme: dark; --md-sys-color-primary: #c4fec7; --md-sys-color-on-primary: #000000; --md-sys-color-primary-container: #98d09c; --md-sys-color-on-primary-container: #000f03; --md-sys-color-inverse-primary: #1e5229; --md-sys-color-secondary: #e1f6de; --md-sys-color-on-secondary: #000000; --md-sys-color-secondary-container: #b4c8b2; --md-sys-color-on-secondary-container: #020e04; --md-sys-color-tertiary: #cef7ff; --md-sys-color-on-tertiary: #000000; --md-sys-color-tertiary-container: #9dcad3; --md-sys-color-on-tertiary-container: #000e10; --md-sys-color-error: #ffece9; --md-sys-color-on-error: #000000; --md-sys-color-error-container: #ffaea4; --md-sys-color-on-error-container: #220001; --md-sys-color-primary-fixed: #b7f1ba; --md-sys-color-primary-fixed-dim: #9cd49f; --md-sys-color-on-primary-fixed: #000000; --md-sys-color-on-primary-fixed-variant: #001504; --md-sys-color-secondary-fixed: #d4e8d1; --md-sys-color-secondary-fixed-dim: #b8ccb6; --md-sys-color-on-secondary-fixed: #000000; --md-sys-color-on-secondary-fixed-variant: #051407; --md-sys-color-tertiary-fixed: #bdeaf3; --md-sys-color-tertiary-fixed-dim: #a1ced7; --md-sys-color-on-tertiary-fixed: #000000; --md-sys-color-on-tertiary-fixed-variant: #001417; --md-sys-color-background: #101510; --md-sys-color-on-background: #e0e4db; --md-sys-color-surface: #101510; --md-sys-color-surface-dim: #101510; --md-sys-color-surface-bright: #4d514b; --md-sys-color-surface-container-lowest: #000000; --md-sys-color-surface-container-low: #1c211c; --md-sys-color-surface-container: #2d322c; --md-sys-color-surface-container-high: #383d37; --md-sys-color-surface-container-highest: #434842; --md-sys-color-on-surface: #ffffff; --md-sys-color-surface-variant: #424941; --md-sys-color-on-surface-variant: #ffffff; --md-sys-color-inverse-surface: #e0e4db; --md-sys-color-inverse-on-surface: #000000; --md-sys-color-outline: #ebf2e7; --md-sys-color-outline-variant: #bdc5ba; --md-sys-color-shadow: #000000; --md-sys-color-scrim: #000000; --md-sys-color-surface-tint: #9cd49f; --wp-color-positive: #c8ffbf; --wp-color-on-positive: #002204; --wp-color-positive-container: #a3f69c; --wp-color-on-positive-container: #000000; --wp-color-negative: #ffedea; --wp-color-on-negative: #410003; --wp-color-negative-container: #ffdad6; --wp-color-on-negative-container: #000000; --wp-color-at-risk: #ffeee0; --wp-color-on-at-risk: #2c1600; --wp-color-at-risk-container: #ffdcbd; --wp-color-on-at-risk-container: #000000; --wp-color-on-track: #c8ffbf; --wp-color-on-on-track: #002204; --wp-color-on-track-container: #a3f69c; --wp-color-on-on-track-container: #000000; --wp-color-off-track: #ffedea; --wp-color-on-off-track: #410003; --wp-color-off-track-container: #ffdad6; --wp-color-on-off-track-container: #000000; --wp-chart-1: #34a6ff; --wp-chart-2: #ffc69e; --wp-chart-3: #71aa8c; --wp-chart-4: #ff92b2; --wp-chart-5: #f57a55; --wp-chart-6: #a2f6fa; --wp-chart-7: #e0e766; --wp-chart-8: #b3c5ff; } @media (prefers-contrast: more) { :root:not([data-contrast]):not([data-theme="dark"]) { color-scheme: light; --md-sys-color-primary: #003412; --md-sys-color-on-primary: #ffffff; --md-sys-color-primary-container: #1f532a; --md-sys-color-on-primary-container: #ffffff; --md-sys-color-inverse-primary: #9cd49f; --md-sys-color-secondary: #1f3021; --md-sys-color-on-secondary: #ffffff; --md-sys-color-secondary-container: #3c4d3c; --md-sys-color-on-secondary-container: #ffffff; --md-sys-color-tertiary: #003138; --md-sys-color-on-tertiary: #ffffff; --md-sys-color-tertiary-container: #224f57; --md-sys-color-on-tertiary-container: #ffffff; --md-sys-color-error: #600004; --md-sys-color-on-error: #ffffff; --md-sys-color-error-container: #98000a; --md-sys-color-on-error-container: #ffffff; --md-sys-color-primary-fixed: #1f532a; --md-sys-color-primary-fixed-dim: #023c16; --md-sys-color-on-primary-fixed: #ffffff; --md-sys-color-on-primary-fixed-variant: #ffffff; --md-sys-color-secondary-fixed: #3c4d3c; --md-sys-color-secondary-fixed-dim: #263727; --md-sys-color-on-secondary-fixed: #ffffff; --md-sys-color-on-secondary-fixed-variant: #ffffff; --md-sys-color-tertiary-fixed: #224f57; --md-sys-color-tertiary-fixed-dim: #033840; --md-sys-color-on-tertiary-fixed: #ffffff; --md-sys-color-on-tertiary-fixed-variant: #ffffff; --md-sys-color-background: #f7fbf2; --md-sys-color-on-background: #181d18; --md-sys-color-surface: #f7fbf2; --md-sys-color-surface-dim: #b6bab2; --md-sys-color-surface-bright: #f7fbf2; --md-sys-color-surface-container-lowest: #ffffff; --md-sys-color-surface-container-low: #eef2ea; --md-sys-color-surface-container: #e0e4db; --md-sys-color-surface-container-high: #d1d6ce; --md-sys-color-surface-container-highest: #c3c8c0; --md-sys-color-on-surface: #000000; --md-sys-color-surface-variant: #dde5d9; --md-sys-color-on-surface-variant: #000000; --md-sys-color-inverse-surface: #2d322c; --md-sys-color-inverse-on-surface: #ffffff; --md-sys-color-outline: #272e27; --md-sys-color-outline-variant: #444b43; --md-sys-color-shadow: #000000; --md-sys-color-scrim: #000000; --md-sys-color-surface-tint: #36693e; --wp-color-positive: #003408; --wp-color-on-positive: #ffffff; --wp-color-positive-container: #003909; --wp-color-on-positive-container: #ffffff; --wp-color-negative: #600006; --wp-color-on-negative: #ffffff; --wp-color-negative-container: #690007; --wp-color-on-negative-container: #ffffff; --wp-color-at-risk: #432500; --wp-color-on-at-risk: #ffffff; --wp-color-at-risk-container: #492900; --wp-color-on-at-risk-container: #ffffff; --wp-color-on-track: #003408; --wp-color-on-on-track: #ffffff; --wp-color-on-track-container: #003909; --wp-color-on-on-track-container: #ffffff; --wp-color-off-track: #600006; --wp-color-on-off-track: #ffffff; --wp-color-off-track-container: #690007; --wp-color-on-off-track-container: #ffffff; --wp-chart-1: #1645b9; --wp-chart-2: #8f5600; --wp-chart-3: #007158; --wp-chart-4: #8a4581; --wp-chart-5: #a9343b; --wp-chart-6: #003b40; --wp-chart-7: #373a00; --wp-chart-8: #6855af; } :root:not([data-contrast])[data-theme="dark"] { color-scheme: dark; --md-sys-color-primary: #c4fec7; --md-sys-color-on-primary: #000000; --md-sys-color-primary-container: #98d09c; --md-sys-color-on-primary-container: #000f03; --md-sys-color-inverse-primary: #1e5229; --md-sys-color-secondary: #e1f6de; --md-sys-color-on-secondary: #000000; --md-sys-color-secondary-container: #b4c8b2; --md-sys-color-on-secondary-container: #020e04; --md-sys-color-tertiary: #cef7ff; --md-sys-color-on-tertiary: #000000; --md-sys-color-tertiary-container: #9dcad3; --md-sys-color-on-tertiary-container: #000e10; --md-sys-color-error: #ffece9; --md-sys-color-on-error: #000000; --md-sys-color-error-container: #ffaea4; --md-sys-color-on-error-container: #220001; --md-sys-color-primary-fixed: #b7f1ba; --md-sys-color-primary-fixed-dim: #9cd49f; --md-sys-color-on-primary-fixed: #000000; --md-sys-color-on-primary-fixed-variant: #001504; --md-sys-color-secondary-fixed: #d4e8d1; --md-sys-color-secondary-fixed-dim: #b8ccb6; --md-sys-color-on-secondary-fixed: #000000; --md-sys-color-on-secondary-fixed-variant: #051407; --md-sys-color-tertiary-fixed: #bdeaf3; --md-sys-color-tertiary-fixed-dim: #a1ced7; --md-sys-color-on-tertiary-fixed: #000000; --md-sys-color-on-tertiary-fixed-variant: #001417; --md-sys-color-background: #101510; --md-sys-color-on-background: #e0e4db; --md-sys-color-surface: #101510; --md-sys-color-surface-dim: #101510; --md-sys-color-surface-bright: #4d514b; --md-sys-color-surface-container-lowest: #000000; --md-sys-color-surface-container-low: #1c211c; --md-sys-color-surface-container: #2d322c; --md-sys-color-surface-container-high: #383d37; --md-sys-color-surface-container-highest: #434842; --md-sys-color-on-surface: #ffffff; --md-sys-color-surface-variant: #424941; --md-sys-color-on-surface-variant: #ffffff; --md-sys-color-inverse-surface: #e0e4db; --md-sys-color-inverse-on-surface: #000000; --md-sys-color-outline: #ebf2e7; --md-sys-color-outline-variant: #bdc5ba; --md-sys-color-shadow: #000000; --md-sys-color-scrim: #000000; --md-sys-color-surface-tint: #9cd49f; --wp-color-positive: #c8ffbf; --wp-color-on-positive: #002204; --wp-color-positive-container: #a3f69c; --wp-color-on-positive-container: #000000; --wp-color-negative: #ffedea; --wp-color-on-negative: #410003; --wp-color-negative-container: #ffdad6; --wp-color-on-negative-container: #000000; --wp-color-at-risk: #ffeee0; --wp-color-on-at-risk: #2c1600; --wp-color-at-risk-container: #ffdcbd; --wp-color-on-at-risk-container: #000000; --wp-color-on-track: #c8ffbf; --wp-color-on-on-track: #002204; --wp-color-on-track-container: #a3f69c; --wp-color-on-on-track-container: #000000; --wp-color-off-track: #ffedea; --wp-color-on-off-track: #410003; --wp-color-off-track-container: #ffdad6; --wp-color-on-off-track-container: #000000; --wp-chart-1: #34a6ff; --wp-chart-2: #ffc69e; --wp-chart-3: #71aa8c; --wp-chart-4: #ff92b2; --wp-chart-5: #f57a55; --wp-chart-6: #a2f6fa; --wp-chart-7: #e0e766; --wp-chart-8: #b3c5ff; } } /* Numbers: every numeric element */ .wp-num, input[inputmode="decimal"], input[inputmode="numeric"], td.num, th.num { font-variant-numeric: var(--wp-numeric); font-feature-settings: 'tnum' 1, 'lnum' 1; } @media (prefers-reduced-motion: reduce) { :root { --md-sys-motion-spring-expressive-spatial-fast: linear; --md-sys-motion-spring-expressive-spatial-fast-duration: 150ms; --md-sys-motion-spring-expressive-spatial-default: linear; --md-sys-motion-spring-expressive-spatial-default-duration: 150ms; --md-sys-motion-spring-expressive-spatial-slow: linear; --md-sys-motion-spring-expressive-spatial-slow-duration: 150ms; --md-sys-motion-spring-expressive-effects-fast: linear; --md-sys-motion-spring-expressive-effects-fast-duration: 150ms; --md-sys-motion-spring-expressive-effects-default: linear; --md-sys-motion-spring-expressive-effects-default-duration: 150ms; --md-sys-motion-spring-expressive-effects-slow: linear; --md-sys-motion-spring-expressive-effects-slow-duration: 150ms; --md-sys-motion-spring-standard-spatial-fast: linear; --md-sys-motion-spring-standard-spatial-fast-duration: 150ms; --md-sys-motion-spring-standard-spatial-default: linear; --md-sys-motion-spring-standard-spatial-default-duration: 150ms; --md-sys-motion-spring-standard-spatial-slow: linear; --md-sys-motion-spring-standard-spatial-slow-duration: 150ms; --md-sys-motion-spring-standard-effects-fast: linear; --md-sys-motion-spring-standard-effects-fast-duration: 150ms; --md-sys-motion-spring-standard-effects-default: linear; --md-sys-motion-spring-standard-effects-default-duration: 150ms; --md-sys-motion-spring-standard-effects-slow: linear; --md-sys-motion-spring-standard-effects-slow-duration: 150ms; } }