:root,:root[data-mb-palette=multiball]{--mb-color-canvas: light-dark(#f5f5ed, #1d2722);--mb-color-panel: light-dark(#fffef9, #24322b);--mb-color-panel-soft: light-dark(#eef1e7, #334237);--mb-color-panel-hover: light-dark(#e9eee1, #394b3e);--mb-color-panel-selected: light-dark(#e9eee1, #334b3b);--mb-color-ink: light-dark(#203d30, #edf4e9);--mb-color-muted: light-dark(#5e6f61, #a8b9aa);--mb-color-line: light-dark(#e0e5da, #415047);--mb-color-line-strong: light-dark(#788b78, #87998b);--mb-color-selected-line: light-dark(#788b78, #87998b);--mb-color-input-fill: light-dark(#fffef9, #24322b);--mb-color-input-line: light-dark(#788b78, #87998b);--mb-color-control-fill: light-dark(#eef1e7, #334237);--mb-color-control-ink: light-dark(#203d30, #edf4e9);--mb-color-accent: light-dark(#28533d, #cce9b5);--mb-color-on-accent: light-dark(#fffef8, #193023);--mb-color-accent-hover: light-dark(#234a36, #d9f2c7);--mb-color-action: light-dark(#d8f58e, #c5e984);--mb-color-on-action: light-dark(#213b2b, #213b2b);--mb-color-action-hover: light-dark(#ccea7f, #d4f49a);--mb-color-focus: light-dark(#28533d, #cce9b5);--mb-color-disabled-fill: light-dark(#eef1e7, #334237);--mb-color-disabled-ink: light-dark(#5e6f61, #a8b9aa);--mb-color-danger: light-dark(#b74b39, #e98b76);--mb-color-on-danger: light-dark(#fffaf5, #321a15);--mb-color-danger-soft: light-dark(#fcefe9, #49322e);--mb-color-danger-line: light-dark(#b9786b, #b57c6f);--mb-color-positive: light-dark(#28533d, #cce9b5);--mb-color-on-positive: light-dark(#fffef8, #193023);--mb-color-positive-soft: light-dark(#e9f2e8, #2f4534);--mb-color-warning: light-dark(#82500f, #e7bf7d);--mb-color-on-warning: light-dark(#fffaf2, #342710);--mb-color-warning-soft: light-dark(#fbf0dc, #493d29);--mb-color-shadow: light-dark(#203d3012, #00000033);--mb-color-overlay: light-dark(#17241c66, #101a17a6)}:root[data-mb-palette=slate]{--mb-color-canvas: light-dark(#f3f5f7, #1e2730);--mb-color-panel: light-dark(#fcfdfe, #25333e);--mb-color-panel-soft: light-dark(#e9eff3, #344651);--mb-color-panel-hover: light-dark(#e3ebf0, #3a4e5b);--mb-color-panel-selected: light-dark(#e0edf4, #334c5d);--mb-color-ink: light-dark(#213849, #eef3f7);--mb-color-muted: light-dark(#526773, #afbdc8);--mb-color-line: light-dark(#dce4ea, #455865);--mb-color-line-strong: light-dark(#738895, #8da1ae);--mb-color-selected-line: light-dark(#70899a, #8da1ae);--mb-color-input-fill: light-dark(#fcfdfe, #25333e);--mb-color-input-line: light-dark(#738895, #8da1ae);--mb-color-control-fill: light-dark(#e9eff3, #344651);--mb-color-control-ink: light-dark(#213849, #eef3f7);--mb-color-accent: light-dark(#28536b, #acd0e4);--mb-color-on-accent: light-dark(#f8fcff, #193341);--mb-color-accent-hover: light-dark(#21485e, #c0dfef);--mb-color-action: light-dark(#cfe7f5, #bddff0);--mb-color-on-action: light-dark(#183647, #183647);--mb-color-action-hover: light-dark(#bedced, #d2eaf5);--mb-color-focus: light-dark(#28536b, #acd0e4);--mb-color-disabled-fill: light-dark(#e9eff3, #344651);--mb-color-disabled-ink: light-dark(#526773, #afbdc8);--mb-color-danger: light-dark(#b74b39, #e98b76);--mb-color-on-danger: light-dark(#fffaf5, #321a15);--mb-color-danger-soft: light-dark(#fcefe9, #49322e);--mb-color-danger-line: light-dark(#b9786b, #b57c6f);--mb-color-positive: light-dark(#28533d, #cce9b5);--mb-color-on-positive: light-dark(#fffef8, #193023);--mb-color-positive-soft: light-dark(#e9f2e8, #2f4534);--mb-color-warning: light-dark(#82500f, #e7bf7d);--mb-color-on-warning: light-dark(#fffaf2, #342710);--mb-color-warning-soft: light-dark(#fbf0dc, #493d29);--mb-color-shadow: light-dark(#21384912, #00000033);--mb-color-overlay: light-dark(#16243166, #101a24a6)}:root{color-scheme:light;--color-background-body: var(--mb-color-canvas);--color-background-surface: var(--mb-color-panel);--color-background-card: var(--mb-color-panel);--color-background-popover: var(--mb-color-panel);--color-background-muted: var(--mb-color-panel-soft);--color-background-inverted: var(--mb-color-ink);--color-background-error-inverted: var(--mb-color-danger);--color-text-primary: var(--mb-color-ink);--color-text-secondary: var(--mb-color-muted);--color-text-disabled: var(--mb-color-disabled-ink);--color-text-accent: var(--mb-color-accent);--color-icon-primary: var(--mb-color-ink);--color-icon-secondary: var(--mb-color-muted);--color-icon-disabled: var(--mb-color-disabled-ink);--color-icon-accent: var(--mb-color-accent);--color-accent: var(--mb-color-accent);--color-on-accent: var(--mb-color-on-accent);--color-accent-muted: var(--mb-color-panel-selected);--color-neutral: var(--mb-color-control-fill);--color-border: var(--mb-color-line);--color-border-emphasized: var(--mb-color-line-strong);--color-track: var(--mb-color-line-strong);--color-skeleton: var(--mb-color-panel-soft);--color-success: var(--mb-color-positive);--color-on-success: var(--mb-color-on-positive);--color-success-muted: var(--mb-color-positive-soft);--color-error: var(--mb-color-danger);--color-on-error: var(--mb-color-on-danger);--color-error-muted: var(--mb-color-danger-soft);--color-warning: var(--mb-color-warning);--color-on-warning: var(--mb-color-on-warning);--color-warning-muted: var(--mb-color-warning-soft);--color-shadow: var(--mb-color-shadow);--color-overlay: var(--mb-color-overlay);--focus-outline-color: var(--mb-color-focus);--bg: var(--mb-color-canvas);--paper: var(--mb-color-panel);--ink: var(--mb-color-ink);--muted: var(--mb-color-muted);--line: var(--mb-color-line);--green: var(--mb-color-accent);--lime: var(--mb-color-action);--red: var(--mb-color-danger);--orange: var(--mb-color-warning);--white: var(--mb-color-panel)}:root[data-mb-mode=dark]{color-scheme:dark}:root[data-mb-mode=system]{color-scheme:light dark}