/* Material 3 tokens, seed #2f6b5e (tonal spot), generated by web/m3tokens.py */
:root { color-scheme: light; --md-primary: #236a5c; --md-on-primary: #e3fff6; --md-primary-container: #abf0de; --md-on-primary-container: #0f5c4f; --md-secondary: #4b645d; --md-on-secondary: #e3fff6; --md-secondary-container: #cde8df; --md-on-secondary-container: #3e5750; --md-tertiary: #316675; --md-on-tertiary: #f0fbff; --md-tertiary-container: #b3e8fa; --md-on-tertiary-container: #1f5765; --md-error: #a83836; --md-on-error: #fff7f6; --md-error-container: #fa746f; --md-on-error-container: #6e0a12; --md-surface: #f6faf7; --md-on-surface: #2a3531; --md-surface-variant: #dae5e0; --md-on-surface-variant: #57615e; --md-surface-container-lowest: #ffffff; --md-surface-container-low: #eef5f1; --md-surface-container: #e8f0ec; --md-surface-container-high: #e1eae6; --md-surface-container-highest: #dae5e0; --md-outline: #727d79; --md-outline-variant: #a9b4b0; --md-inverse-surface: #0a0f0e; --md-inverse-on-surface: #999e9b; --md-inverse-primary: #b9ffec; --md-scrim: #000000; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; --md-primary: #9dd1c3; --md-on-primary: #13483e; --md-primary-container: #295b50; --md-on-primary-container: #baeedf; --md-secondary: #b1ccc4; --md-on-secondary: #2d453f; --md-secondary-container: #28403a; --md-on-secondary-container: #aac5bd; --md-tertiary: #d2f3ff; --md-on-tertiary: #295f6e; --md-tertiary-container: #b3e8fa; --md-on-tertiary-container: #1f5765; --md-error: #fa746f; --md-on-error: #490006; --md-error-container: #871f21; --md-on-error-container: #ff9993; --md-surface: #0a0f0e; --md-on-surface: #dde8e3; --md-surface-variant: #1e2825; --md-on-surface-variant: #a2aea9; --md-surface-container-lowest: #000000; --md-surface-container-low: #0e1513; --md-surface-container: #131b19; --md-surface-container-high: #19211f; --md-surface-container-highest: #1e2825; --md-outline: #6d7874; --md-outline-variant: #404a47; --md-inverse-surface: #f6faf7; --md-inverse-on-surface: #515654; --md-inverse-primary: #36685c; --md-scrim: #000000; } }
:root[data-theme="dark"] { color-scheme: dark; --md-primary: #9dd1c3; --md-on-primary: #13483e; --md-primary-container: #295b50; --md-on-primary-container: #baeedf; --md-secondary: #b1ccc4; --md-on-secondary: #2d453f; --md-secondary-container: #28403a; --md-on-secondary-container: #aac5bd; --md-tertiary: #d2f3ff; --md-on-tertiary: #295f6e; --md-tertiary-container: #b3e8fa; --md-on-tertiary-container: #1f5765; --md-error: #fa746f; --md-on-error: #490006; --md-error-container: #871f21; --md-on-error-container: #ff9993; --md-surface: #0a0f0e; --md-on-surface: #dde8e3; --md-surface-variant: #1e2825; --md-on-surface-variant: #a2aea9; --md-surface-container-lowest: #000000; --md-surface-container-low: #0e1513; --md-surface-container: #131b19; --md-surface-container-high: #19211f; --md-surface-container-highest: #1e2825; --md-outline: #6d7874; --md-outline-variant: #404a47; --md-inverse-surface: #f6faf7; --md-inverse-on-surface: #515654; --md-inverse-primary: #36685c; --md-scrim: #000000; }