/* Material Design 3 tokens. Seeded from the marketing artwork (forest green, amber, ivory) → tonal palette → colour roles. Light scheme always; dark only when is set explicitly (never from the OS). */ :root { --md-sys-color-primary: #2f5d43; --md-sys-color-on-primary: #ffffff; --md-sys-color-primary-container: #b6efc9; --md-sys-color-on-primary-container: #00210f; --md-sys-color-secondary: #516350; --md-sys-color-on-secondary: #ffffff; --md-sys-color-secondary-container: #d3e8d0; --md-sys-color-on-secondary-container: #0f1f11; --md-sys-color-tertiary: #7a5900; --md-sys-color-on-tertiary: #ffffff; --md-sys-color-tertiary-container: #ffdf9b; --md-sys-color-on-tertiary-container: #261a00; --md-sys-color-error: #ba1a1a; --md-sys-color-on-error: #ffffff; --md-sys-color-error-container: #ffdad6; --md-sys-color-on-error-container: #410002; --md-sys-color-surface: #ffffff; --md-sys-color-on-surface: #1b1c19; --md-sys-color-surface-variant: #dee5d9; --md-sys-color-on-surface-variant: #424940; --md-sys-color-surface-container-lowest: #ffffff; --md-sys-color-surface-container-low: #f5f2ea; --md-sys-color-surface-container: #efece4; --md-sys-color-surface-container-high: #e9e6de; --md-sys-color-surface-container-highest: #e3e0d8; --md-sys-color-outline: #72796f; --md-sys-color-outline-variant: #c2c9bd; --md-sys-color-inverse-surface: #30312d; --md-sys-color-inverse-on-surface: #f2f1e9; --md-sys-color-scrim: #000000; --md-sys-elevation-1: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px 1px rgba(0,0,0,.15); --md-sys-elevation-2: 0 1px 2px rgba(0,0,0,.3), 0 2px 6px 2px rgba(0,0,0,.15); --md-sys-shape-xs: 4px; --md-sys-shape-sm: 8px; --md-sys-shape-md: 12px; --md-sys-shape-lg: 16px; --md-sys-shape-xl: 28px; --md-sys-typescale-font: "Roboto Flex", Roboto, system-ui, -apple-system, "Segoe UI", sans-serif; --md-sys-typescale-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace; --sp: 4px; color-scheme: light; } :root[data-theme="dark"] { --md-sys-color-primary: #bbc3ff; --md-sys-color-on-primary: #08218a; --md-sys-color-primary-container: #2a3ca0; --md-sys-color-on-primary-container: #dee0ff; --md-sys-color-secondary: #c4c5dd; --md-sys-color-on-secondary: #2d2f42; --md-sys-color-secondary-container: #434559; --md-sys-color-on-secondary-container: #e0e1f9; --md-sys-color-tertiary: #4fdca9; --md-sys-color-on-tertiary: #003826; --md-sys-color-tertiary-container: #005139; --md-sys-color-on-tertiary-container: #6ff9c4; --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-surface: #131318; --md-sys-color-on-surface: #e4e1e9; --md-sys-color-surface-variant: #46464f; --md-sys-color-on-surface-variant: #c7c5d0; --md-sys-color-surface-container-lowest: #0e0e13; --md-sys-color-surface-container-low: #1b1b21; --md-sys-color-surface-container: #1f1f25; --md-sys-color-surface-container-high: #2a2a2f; --md-sys-color-surface-container-highest: #35343a; --md-sys-color-outline: #91909a; --md-sys-color-outline-variant: #46464f; --md-sys-color-inverse-surface: #e4e1e9; --md-sys-color-inverse-on-surface: #303036; }