/* Vibetiles: the values the panel draws itself with when the theme
 * underneath does not supply them, and the paper and ink of each colour room.
 * Generated by tools/panel-tokens.py; do not edit. Loaded only where the
 * plugin is a guest, always before panel.css. */
:root {
	--spacing: 0.25rem;
	--space-0-5: 2px;
	--space-1: var(--spacing);
	--space-1-5: 6px;
	--space-2: 8px;
	--space-2-5: 10px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-8: 32px;
	--space-10: 40px;
	--space-12: 48px;
	--space-16: 64px;
	--border-width-hairline: 0.5px;
	--border-width-default: 1px;
	--border-width-thick: 2px;
	--opacity-hidden: 0;
	--opacity-disabled: 0.4;
	--opacity-muted: 0.7;
	--opacity-fill-hover: 0.86;
	--opacity-fill-active: 0.72;
	--opacity-visible: 1;
	--radius-xs: 4px;
	--radius-sm: 6px;
	--radius-md: 8px;
	--radius-lg: 10px;
	--radius-xl: 12px;
	--radius-full: 9999px;
	--radius-control: var(--radius-lg);
	--radius-control-action: var(--radius-control);
	--radius-overlay: var(--radius-xl);
	--icon-2xs: 14px;
	--icon-xs: 16px;
	--icon-sm: 18px;
	--icon-stroke-width: 1.25px;
	--icon-inline: var(--icon-2xs);
	--icon-control: var(--icon-sm);
	--layout-row-padding-inline: var(--space-2);
	--layout-row-min-height: 36px;
	--layout-content-width-min: 320px;
	--layout-rail-padding-inline: var(--space-2-5);
	--layout-shell-header-height: 54px;
	--layout-row-medium: 36px;
	--layout-row-comfortable: 52px;
	--layout-menu-min-width: 220px;
	--layout-menu-padding: var(--space-1-5);
	--layout-menu-item-padding-inline: var(--layout-row-padding-inline);
	--layout-menu-item-gap: var(--layout-glyph-label-gap);
	--layout-menu-separator-air: var(--space-2);
	--layout-menu-offset: var(--space-2);
	--layout-content-width-reading: 53ch;
	--layout-row-stack-gap: var(--space-0-5);
	--layout-action-square: var(--layout-row-min-height);
	--layout-control-height: calc(
		var(--layout-row-min-height) + 2 * var(--border-width-default)
	);
	--layout-control-height-compact: calc(
		var(--layout-control-height) - var(--layout-control-step)
	);
	--layout-control-height-large: calc(
		var(--layout-control-height) + var(--layout-control-step)
	);
	--text-xs: 11px;
	--text-sm: 12px;
	--text-base: 13px;
	--text-lg: 16px;
	--text-heading-sm: 18px;
	--text-heading-md: 18px;
	--text-heading-lg: 24px;
	--text-xs-contextual: 12px;
	--text-sm-contextual: 13px;
	--text-reading-body: clamp(
    22px,
    calc(21.1713px + 0.221vw),
    24px
  );
	--text-reading-body-line-height: 1.6;
	--text-xs-line-height: 1.33;
	--text-sm-line-height: 1.43;
	--text-base-line-height: 1.5;
	--text-lg-line-height: 1.56;
	--tracking-tight: -0.025em;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--layer-host-offset: 0;
	--layer-overlay: calc(var(--layer-host-offset) + 40);
	--motion-duration-fast: 120ms;
	--motion-duration-default: 180ms;
	--motion-duration-slow: 240ms;
	--motion-duration-feedback: var(--motion-duration-fast);
	--motion-duration-reveal: var(--motion-duration-default);
	--motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
	--focus-ring-width: 3px;
	--focus-ring-gap: 0px;
	--focus-ring-offset: var(--focus-ring-gap);
	--font-sans: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-serif: "Newsreader", Georgia, serif;
	--font-reading: var(--font-serif);
	--surface-canvas: #ebebeb;
	--surface-plane: #ebebeb;
	--surface-base: #ffffff;
	--surface-subtle: #ebebeb;
	--surface-raised: #ffffff;
	--surface-hover: color-mix(in srgb, var(--interaction-surface, var(--surface-base)), var(--text-primary) var(--step-surface-hover));
	--surface-selected: color-mix(in srgb, var(--interaction-surface, var(--surface-base)), var(--text-primary) var(--step-surface-selected));
	--surface-track: #ebebeb;
	--surface-track-selected: #fafafa;
	--text-primary: #232323;
	--text-secondary: color-mix(in srgb, var(--text-primary) 60%, transparent);
	--text-muted: color-mix(in srgb, var(--text-primary) 50%, transparent);
	--text-subtle: color-mix(in srgb, var(--text-primary) 30%, transparent);
	--text-disabled: color-mix(in srgb, var(--text-primary) 30%, transparent);
	--border-default: var(--line);
	--border-strong: var(--line);
	--border-control: var(--line);
	--accent: #7444b4;
	--accent-contrast: #fbf9ff;
	--accent-muted: #ebe4fa;
	--focus: color-mix(in srgb, var(--accent) 40%, transparent);
	--ink-alpha-weak: rgba(35, 35, 35, 0.06);
	--ink-alpha-strong: rgba(35, 35, 35, 0.48);
	--surface-inverse: #373737;
	--text-inverse: #e6e6e6;
	--danger: #a52a26;
	--danger-hover: #901114;
	--elevation-contact-color: transparent;
	--elevation-ambient-color: transparent;
	--opacity-scrim: 0.32;
	--font-weight-body: 440;
	--step-surface-hover: 10%;
	--step-surface-selected: 16%;
	--step-surface-pressed: 24%;
	--step-track-selected: 18%;
	--step-border-subtle: 4%;
	--step-border-default: 9%;
	--step-border-strong: 15%;
	--surface: var(--surface-base);
	--border: var(--line);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-lg);
	--text: var(--text-primary);
	--elevation-control: 0 1px 1px rgb(0 0 0 / 0.1);
	--elevation-floating: 0 0 1px rgb(0 0 0 / 0.2), 0 12px 32px rgb(0 0 0 / 0.18);
	--surface-pressed: color-mix(in srgb, var(--interaction-surface, var(--surface-base)), var(--text-primary) var(--step-surface-pressed));
	--surface-floating: #ffffff;
	--text-reading-meta: 18px;
	--line: color-mix(in srgb, var(--text-primary) 14%, transparent);
	--font-weight-reading: 400;
	--layout-glyph-label-gap: var(--space-1-5);
	--layout-control-step: var(--layout-glyph-label-gap);
	--text-masthead: calc(var(--text-heading-md) + var(--space-0-5));
	--text-article-title: clamp(45.2px, calc(24.658px + 6.006cqi), 64px);
	--line-height-article-title: 1.12;
	--line-height-article-heading: 1.25;
	--line-height-article-label: 1.4;
	--line-height-article-lead: 1.45;
	--wp--preset--font-family--font-serif: var(--font-serif);
	--face-inter: "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif;
	--face-newsreader: "Newsreader", Georgia, serif;
	--marker: #fff347;
	--marker-ink: #1c1c18;
}
:root[data-theme="arcade-dark"], .theme-arcade-dark {
	--surface-canvas: #040418;
	--surface-plane: #090a2a;
	--surface-base: #10113a;
	--surface-subtle: #1a1d45;
	--surface-raised: #1d2149;
	--surface-hover: #1a1d45;
	--surface-selected: #20254c;
	--surface-track: #1a1d45;
	--surface-track-selected: #242950;
	--text-primary: #eaeeff;
	--text-secondary: #acb1cb;
	--text-muted: #888eac;
	--text-subtle: #676d8f;
	--text-disabled: #51577b;
	--border-default: #2b3057;
	--border-strong: #3f456a;
	--border-control: #5c6285;
	--accent: #ff9a2e;
	--accent-contrast: #10113a;
	--accent-muted: #3c3144;
	--focus: #af7147;
	--ink-alpha-weak: rgba(234, 238, 255, 0.06);
	--ink-alpha-strong: rgba(234, 238, 255, 0.48);
	--surface-inverse: #eaeeff;
	--text-inverse: #10113a;
	--font-weight-body: 420;
	--danger: #d15c53;
	--danger-hover: #e36c61;
	--elevation-contact-color: rgb(0 0 0 / 0.34);
	--elevation-ambient-color: rgb(0 0 0 / 0.22);
	--opacity-scrim: 0.6;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 8%;
	--step-border-subtle: 8%;
	--step-border-default: 12%;
	--step-border-strong: 19%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
	--surface-floating: color-mix(in oklab, var(--surface-base), var(--text-primary) var(--step-surface-hover));
}
:root[data-theme="arcade-light"], .theme-arcade-light {
	--surface-canvas: #dce0f2;
	--surface-plane: #e6eaf9;
	--surface-base: #eef1ff;
	--surface-subtle: #e4e7f7;
	--surface-raised: #f5f7ff;
	--surface-hover: #dfe2f4;
	--surface-selected: #d4d9ec;
	--surface-track: #dfe2f4;
	--surface-track-selected: #d9ddf0;
	--text-primary: #12124a;
	--text-secondary: #3e4676;
	--text-muted: #5e6691;
	--text-subtle: #7f87ac;
	--text-disabled: #979ebe;
	--border-default: #c5cae1;
	--border-strong: #acb3ce;
	--border-control: #8b92b5;
	--accent: #c24400;
	--accent-contrast: #eef1ff;
	--accent-muted: #e9cdcd;
	--focus: #da8e77;
	--ink-alpha-weak: rgba(18, 18, 74, 0.06);
	--ink-alpha-strong: rgba(18, 18, 74, 0.48);
	--surface-inverse: #12124a;
	--text-inverse: #eef1ff;
	--danger: #a52a26;
	--danger-hover: #901114;
	--elevation-contact-color: rgb(30 26 20 / 0.12);
	--elevation-ambient-color: rgb(30 26 20 / 0.08);
	--opacity-scrim: 0.32;
	--font-weight-body: 440;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 12%;
	--step-border-subtle: 4%;
	--step-border-default: 9%;
	--step-border-strong: 15%;
	--surface-floating: #f8f6f1;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
}
:root[data-theme="dune-dark"], .theme-dune-dark {
	--surface-canvas: #302928;
	--surface-plane: #393130;
	--surface-base: #3c3434;
	--surface-subtle: #322b2a;
	--surface-raised: #3e3535;
	--surface-hover: #483e3d;
	--surface-selected: #4f4342;
	--surface-track: #463f3e;
	--surface-track-selected: #4c4443;
	--text-primary: #f6e1de;
	--text-secondary: #d9c7c5;
	--text-muted: #c1b2b0;
	--text-subtle: #7d7170;
	--text-disabled: #6b615f;
	--border-default: #504645;
	--border-strong: #655958;
	--border-control: #968785;
	--accent: #ff9ea6;
	--accent-contrast: #2a1a1b;
	--accent-muted: #54393a;
	--focus: #f8929b;
	--ink-alpha-weak: rgba(246, 225, 222, 0.06);
	--ink-alpha-strong: rgba(246, 225, 222, 0.48);
	--surface-inverse: #fff8f8;
	--text-inverse: #311d1b;
	--font-weight-body: 420;
	--danger: #d15c53;
	--danger-hover: #e36c61;
	--elevation-contact-color: rgb(0 0 0 / 0.34);
	--elevation-ambient-color: rgb(0 0 0 / 0.22);
	--opacity-scrim: 0.6;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 8%;
	--step-border-subtle: 8%;
	--step-border-default: 12%;
	--step-border-strong: 19%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
}
:root[data-theme="dune-light"], .theme-dune-light {
	--surface-canvas: #f4e1df;
	--surface-plane: #fcecea;
	--surface-base: #fff8f8;
	--surface-subtle: #f0dad7;
	--surface-raised: #fff8f8;
	--surface-hover: #eed6d3;
	--surface-selected: #ecd0cd;
	--surface-track: #f0dad7;
	--surface-track-selected: #fff8f8;
	--text-primary: #311d1b;
	--text-secondary: #513c3a;
	--text-muted: #6c5755;
	--text-subtle: #ad9997;
	--text-disabled: #bfaeac;
	--border-default: #e9d0ce;
	--border-strong: #bfa4a1;
	--border-control: #947876;
	--accent: #ae2e46;
	--accent-contrast: #fff8f8;
	--accent-muted: #fee2e3;
	--focus: #bb3c51;
	--ink-alpha-weak: rgba(49, 29, 27, 0.06);
	--ink-alpha-strong: rgba(49, 29, 27, 0.48);
	--surface-inverse: #3c3434;
	--text-inverse: #f6e1de;
	--danger: #a52a26;
	--danger-hover: #901114;
	--elevation-contact-color: rgb(20 19 18 / 0.12);
	--elevation-ambient-color: rgb(20 19 18 / 0.08);
	--opacity-scrim: 0.32;
	--font-weight-body: 440;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 12%;
	--step-border-subtle: 4%;
	--step-border-default: 9%;
	--step-border-strong: 15%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
}
:root[data-theme="fargo-dark"], .theme-fargo-dark {
	--surface-canvas: #282b2e;
	--surface-plane: #303336;
	--surface-base: #34373a;
	--surface-subtle: #2a2d30;
	--surface-raised: #35383c;
	--surface-hover: #3d4246;
	--surface-selected: #42474b;
	--surface-track: #3e4144;
	--surface-track-selected: #43474a;
	--text-primary: #dfe7f0;
	--text-secondary: #c5cdd4;
	--text-muted: #b0b7bd;
	--text-subtle: #70757a;
	--text-disabled: #606468;
	--border-default: #454a4d;
	--border-strong: #585d61;
	--border-control: #858b91;
	--accent: #8cc6e9;
	--accent-contrast: #182126;
	--accent-muted: #35434c;
	--focus: #83bddf;
	--ink-alpha-weak: rgba(223, 231, 240, 0.06);
	--ink-alpha-strong: rgba(223, 231, 240, 0.48);
	--surface-inverse: #f7fbfe;
	--text-inverse: #1b242c;
	--font-weight-body: 420;
	--danger: #d15c53;
	--danger-hover: #e36c61;
	--elevation-contact-color: rgb(0 0 0 / 0.34);
	--elevation-ambient-color: rgb(0 0 0 / 0.22);
	--opacity-scrim: 0.6;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 8%;
	--step-border-subtle: 8%;
	--step-border-default: 12%;
	--step-border-strong: 19%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
}
:root[data-theme="fargo-light"], .theme-fargo-light {
	--surface-canvas: #dfe7ef;
	--surface-plane: #eaf1f7;
	--surface-base: #f7fbfe;
	--surface-subtle: #d7e1ea;
	--surface-raised: #f7fbfe;
	--surface-hover: #d3dee7;
	--surface-selected: #cdd9e4;
	--surface-track: #d7e1ea;
	--surface-track-selected: #f7fbfe;
	--text-primary: #1b242c;
	--text-secondary: #3a434b;
	--text-muted: #555e66;
	--text-subtle: #97a0a7;
	--text-disabled: #acb4ba;
	--border-default: #ced8e2;
	--border-strong: #a2adb7;
	--border-control: #76828d;
	--accent: #116d96;
	--accent-contrast: #f5fbff;
	--accent-muted: #d4eefe;
	--focus: #2479a3;
	--ink-alpha-weak: rgba(27, 36, 44, 0.06);
	--ink-alpha-strong: rgba(27, 36, 44, 0.48);
	--surface-inverse: #34373a;
	--text-inverse: #dfe7f0;
	--danger: #a52a26;
	--danger-hover: #901114;
	--elevation-contact-color: rgb(20 19 18 / 0.12);
	--elevation-ambient-color: rgb(20 19 18 / 0.08);
	--opacity-scrim: 0.32;
	--font-weight-body: 440;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 12%;
	--step-border-subtle: 4%;
	--step-border-default: 9%;
	--step-border-strong: 15%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
}
:root[data-theme="godfather-dark"], .theme-godfather-dark {
	--surface-canvas: #2e2a25;
	--surface-plane: #37322d;
	--surface-base: #3a3630;
	--surface-subtle: #302c27;
	--surface-raised: #3c3730;
	--surface-hover: #464038;
	--surface-selected: #4c453d;
	--surface-track: #44403b;
	--surface-track-selected: #4a463f;
	--text-primary: #f0e4d5;
	--text-secondary: #d4cabd;
	--text-muted: #bdb4a9;
	--text-subtle: #7a736a;
	--text-disabled: #68625b;
	--border-default: #4d4841;
	--border-strong: #625b52;
	--border-control: #92897e;
	--accent: #f6ac5e;
	--accent-contrast: #281d11;
	--accent-muted: #503d2a;
	--focus: #eca255;
	--ink-alpha-weak: rgba(240, 228, 213, 0.06);
	--ink-alpha-strong: rgba(240, 228, 213, 0.48);
	--surface-inverse: #fff9f2;
	--text-inverse: #2c200f;
	--font-weight-body: 420;
	--danger: #d15c53;
	--danger-hover: #e36c61;
	--elevation-contact-color: rgb(0 0 0 / 0.34);
	--elevation-ambient-color: rgb(0 0 0 / 0.22);
	--opacity-scrim: 0.6;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 8%;
	--step-border-subtle: 8%;
	--step-border-default: 12%;
	--step-border-strong: 19%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
}
:root[data-theme="godfather-light"], .theme-godfather-light {
	--surface-canvas: #efe4d6;
	--surface-plane: #f7efe3;
	--surface-base: #fff9f2;
	--surface-subtle: #eadecd;
	--surface-raised: #fff9f2;
	--surface-hover: #e8dac8;
	--surface-selected: #e5d5c0;
	--surface-track: #eadecd;
	--surface-track-selected: #fff9f2;
	--text-primary: #2c200f;
	--text-secondary: #4c4030;
	--text-muted: #675b4b;
	--text-subtle: #a89d8e;
	--text-disabled: #bbb1a4;
	--border-default: #e2d5c2;
	--border-strong: #b8a995;
	--border-control: #8d7d68;
	--accent: #905400;
	--accent-contrast: #fff9f4;
	--accent-muted: #ffe4cc;
	--focus: #9f5e02;
	--ink-alpha-weak: rgba(44, 32, 15, 0.06);
	--ink-alpha-strong: rgba(44, 32, 15, 0.48);
	--surface-inverse: #3a3630;
	--text-inverse: #f0e4d5;
	--danger: #a52a26;
	--danger-hover: #901114;
	--elevation-contact-color: rgb(20 19 18 / 0.12);
	--elevation-ambient-color: rgb(20 19 18 / 0.08);
	--opacity-scrim: 0.32;
	--font-weight-body: 440;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 12%;
	--step-border-subtle: 4%;
	--step-border-default: 9%;
	--step-border-strong: 15%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
}
:root[data-theme="grey-dark"], .theme-grey-dark {
	--surface-canvas: #3e3e41;
	--surface-plane: #444447;
	--surface-base: #4a4a4d;
	--surface-subtle: #47474a;
	--surface-raised: #515154;
	--surface-hover: #5a5a5d;
	--surface-selected: #626266;
	--surface-track: #5a5a5d;
	--surface-track-selected: #6a6a6e;
	--text-primary: #ebebf6;
	--text-secondary: #cfcfd8;
	--text-muted: #b7b7c0;
	--text-subtle: #8d8d95;
	--text-disabled: #767680;
	--border-default: #616166;
	--border-strong: #7a7a80;
	--border-control: #9b9ba3;
	--accent: #a9b7ff;
	--accent-contrast: #090909;
	--accent-muted: #2a2f5a;
	--focus: #d9d9d9;
	--ink-alpha-weak: rgba(255, 255, 255, 0.06);
	--ink-alpha-strong: rgba(255, 255, 255, 0.48);
	--surface-inverse: #ffffff;
	--text-inverse: #000000;
	--font-weight-body: 420;
	--danger: #d15c53;
	--danger-hover: #e36c61;
	--elevation-contact-color: rgb(0 0 0 / 0.34);
	--elevation-ambient-color: rgb(0 0 0 / 0.22);
	--opacity-scrim: 0.6;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 8%;
	--step-border-subtle: 8%;
	--step-border-default: 12%;
	--step-border-strong: 19%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
	--surface-floating: color-mix(in oklab, var(--surface-base), var(--text-primary) var(--step-surface-hover));
}
:root[data-theme="grey-light"], .theme-grey-light {
	--surface-canvas: #d6d6dc;
	--surface-plane: #dedee4;
	--surface-base: #ffffff;
	--surface-subtle: #f0f0f4;
	--surface-raised: #ffffff;
	--surface-hover: #ebebf0;
	--surface-selected: #e1e1e7;
	--surface-track: #ebebf0;
	--surface-track-selected: #dcdce2;
	--surface-floating: #f2f2f6;
	--text-primary: #2a2a30;
	--text-secondary: #424349;
	--text-muted: #54545a;
	--text-subtle: #97979d;
	--text-disabled: #acacb3;
	--border-default: #c9c9cf;
	--border-strong: #aaaab1;
	--border-control: #7e7e84;
	--accent: #3b4ad4;
	--accent-contrast: #ffffff;
	--accent-muted: #bcc6ea;
	--surface-inverse: #2a2a30;
	--text-inverse: #ffffff;
	--ink-alpha-weak: rgba(42, 42, 48, 0.06);
	--ink-alpha-strong: rgba(42, 42, 48, 0.48);
}
:root[data-theme="matrix-dark"], .theme-matrix-dark {
	--surface-canvas: #262d27;
	--surface-plane: #2e352f;
	--surface-base: #323933;
	--surface-subtle: #292f2a;
	--surface-raised: #323a34;
	--surface-hover: #3b443c;
	--surface-selected: #3f4941;
	--surface-track: #3c433d;
	--surface-track-selected: #414942;
	--text-primary: #d9ecdc;
	--text-secondary: #c0d1c3;
	--text-muted: #acbaae;
	--text-subtle: #6d786f;
	--text-disabled: #5d665e;
	--border-default: #434c44;
	--border-strong: #555f57;
	--border-control: #818f83;
	--accent: #85d673;
	--accent-contrast: #172314;
	--accent-muted: #33472f;
	--focus: #7ccc6a;
	--ink-alpha-weak: rgba(217, 236, 220, 0.06);
	--ink-alpha-strong: rgba(217, 236, 220, 0.48);
	--surface-inverse: #f3fdf4;
	--text-inverse: #132818;
	--font-weight-body: 420;
	--danger: #d15c53;
	--danger-hover: #e36c61;
	--elevation-contact-color: rgb(0 0 0 / 0.34);
	--elevation-ambient-color: rgb(0 0 0 / 0.22);
	--opacity-scrim: 0.6;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 8%;
	--step-border-subtle: 8%;
	--step-border-default: 12%;
	--step-border-strong: 19%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
}
:root[data-theme="matrix-light"], .theme-matrix-light {
	--surface-canvas: #daecdd;
	--surface-plane: #e7f4e9;
	--surface-base: #f3fdf4;
	--surface-subtle: #d2e6d5;
	--surface-raised: #f3fdf4;
	--surface-hover: #cde3d1;
	--surface-selected: #c6dfca;
	--surface-track: #d2e6d5;
	--surface-track-selected: #f3fdf4;
	--text-primary: #132818;
	--text-secondary: #344838;
	--text-muted: #4f6353;
	--text-subtle: #92a495;
	--text-disabled: #a8b7aa;
	--border-default: #c8decb;
	--border-strong: #9bb39f;
	--border-control: #6e8873;
	--accent: #237902;
	--accent-contrast: #f5fdf3;
	--accent-muted: #d0f6c8;
	--focus: #278700;
	--ink-alpha-weak: rgba(19, 40, 24, 0.06);
	--ink-alpha-strong: rgba(19, 40, 24, 0.48);
	--surface-inverse: #323933;
	--text-inverse: #d9ecdc;
	--danger: #a52a26;
	--danger-hover: #901114;
	--elevation-contact-color: rgb(20 19 18 / 0.12);
	--elevation-ambient-color: rgb(20 19 18 / 0.08);
	--opacity-scrim: 0.32;
	--font-weight-body: 440;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 12%;
	--step-border-subtle: 4%;
	--step-border-default: 9%;
	--step-border-strong: 15%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
}
:root[data-theme="neutral-dark"], .theme-neutral-dark {
	--surface-canvas: #2b2b2b;
	--surface-plane: #333333;
	--surface-base: #373737;
	--surface-subtle: #2d2d2d;
	--surface-raised: #383838;
	--surface-hover: #414141;
	--surface-selected: #464646;
	--surface-track: #414141;
	--surface-track-selected: #464646;
	--text-primary: #e6e6e6;
	--text-secondary: #cccccc;
	--text-muted: #b6b6b6;
	--text-subtle: #747474;
	--text-disabled: #636363;
	--border-default: #494949;
	--border-strong: #5c5c5c;
	--border-control: #8a8a8a;
	--accent: #a76ef8;
	--accent-contrast: #17141e;
	--accent-muted: #423658;
	--focus: #d9d9d9;
	--ink-alpha-weak: rgba(230, 230, 230, 0.06);
	--ink-alpha-strong: rgba(230, 230, 230, 0.48);
	--surface-inverse: #ffffff;
	--text-inverse: #232323;
	--font-weight-body: 420;
	--danger: #d15c53;
	--danger-hover: #e36c61;
	--elevation-contact-color: rgb(0 0 0 / 0.34);
	--elevation-ambient-color: rgb(0 0 0 / 0.22);
	--opacity-scrim: 0.6;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 8%;
	--step-border-subtle: 8%;
	--step-border-default: 12%;
	--step-border-strong: 19%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
	--surface-floating: color-mix(in oklab, var(--surface-base), var(--text-primary) var(--step-surface-hover));
}
:root[data-theme="neutral-light"], .theme-neutral-light {
	--surface-canvas: #ebebeb;
	--surface-plane: #ebebeb;
	--surface-base: #ffffff;
	--surface-subtle: #ebebeb;
	--surface-raised: #ffffff;
	--surface-hover: #e8e8e8;
	--surface-selected: #e3e3e3;
	--surface-track: #ebebeb;
	--surface-track-selected: #fafafa;
	--text-primary: #232323;
	--text-secondary: #424242;
	--text-muted: #5d5d5d;
	--text-subtle: #9e9e9e;
	--text-disabled: #b2b2b2;
	--border-default: #d7d7d7;
	--border-strong: #ababab;
	--border-control: #808080;
	--accent: #7444b4;
	--accent-contrast: #fbf9ff;
	--accent-muted: #ebe4fa;
	--focus: #2e2e2e;
	--ink-alpha-weak: rgba(35, 35, 35, 0.06);
	--ink-alpha-strong: rgba(35, 35, 35, 0.48);
	--surface-inverse: #373737;
	--text-inverse: #e6e6e6;
	--danger: #a52a26;
	--danger-hover: #901114;
	--elevation-contact-color: rgb(20 19 18 / 0.12);
	--elevation-ambient-color: rgb(20 19 18 / 0.08);
	--opacity-scrim: 0.32;
	--font-weight-body: 440;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 12%;
	--step-border-subtle: 4%;
	--step-border-default: 9%;
	--step-border-strong: 15%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
	--surface-floating: #ffffff;
}
:root[data-theme="news-dark"], .theme-news-dark {
	--surface-canvas: #121110;
	--surface-plane: #191816;
	--surface-base: #1e1c19;
	--surface-subtle: #151412;
	--surface-raised: #201e1b;
	--surface-hover: #292723;
	--surface-selected: #2e2c28;
	--surface-track: #292723;
	--surface-track-selected: #2e2c28;
	--text-primary: #e6e1d6;
	--text-secondary: #cbc6bb;
	--text-muted: #b3ada2;
	--text-subtle: #6f6b64;
	--text-disabled: #5c5852;
	--border-default: #312e2a;
	--border-strong: #45423c;
	--border-control: #75716a;
	--accent: #8fb3d9;
	--accent-contrast: #1c1a17;
	--accent-muted: #2f3a45;
	--focus: #dcd7cc;
	--ink-alpha-weak: rgba(230, 225, 214, 0.06);
	--ink-alpha-strong: rgba(230, 225, 214, 0.48);
	--surface-inverse: #e8e3d8;
	--text-inverse: #1b1917;
	--font-weight-body: 420;
	--danger: #d15c53;
	--danger-hover: #e36c61;
	--elevation-contact-color: rgb(0 0 0 / 0.34);
	--elevation-ambient-color: rgb(0 0 0 / 0.22);
	--opacity-scrim: 0.6;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 8%;
	--step-border-subtle: 8%;
	--step-border-default: 12%;
	--step-border-strong: 19%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
	--surface-floating: color-mix(in oklab, var(--surface-base), var(--text-primary) var(--step-surface-hover));
}
:root[data-theme="news-light"], .theme-news-light {
	--surface-canvas: #e4e0d7;
	--surface-plane: #e4e0d7;
	--surface-base: #f2efe8;
	--surface-subtle: #e8e4dc;
	--surface-raised: #f8f6f1;
	--surface-hover: #e2ded5;
	--surface-selected: #dbd7ce;
	--surface-track: #e2ded5;
	--surface-track-selected: #ece9e2;
	--text-primary: #1d1c1a;
	--text-secondary: #3c3a37;
	--text-muted: #5c5955;
	--text-subtle: #9b9891;
	--text-disabled: #b3b0a9;
	--border-default: #c9c5bc;
	--border-strong: #9d9990;
	--border-control: #726e67;
	--accent: #326891;
	--accent-contrast: #ffffff;
	--accent-muted: #dbe4ec;
	--focus: #2b2a27;
	--ink-alpha-weak: rgba(29, 28, 26, 0.06);
	--ink-alpha-strong: rgba(29, 28, 26, 0.48);
	--surface-inverse: #211f1c;
	--text-inverse: #e9e5dc;
	--danger: #a52a26;
	--danger-hover: #901114;
	--elevation-contact-color: rgb(30 26 20 / 0.12);
	--elevation-ambient-color: rgb(30 26 20 / 0.08);
	--opacity-scrim: 0.32;
	--font-weight-body: 440;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 12%;
	--step-border-subtle: 4%;
	--step-border-default: 9%;
	--step-border-strong: 15%;
	--surface-floating: #f8f6f1;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
}
:root[data-theme="paper-dark"], .theme-paper-dark {
	--surface-canvas: #433b2f;
	--surface-plane: #4c4436;
	--surface-base: #504739;
	--surface-subtle: #453d31;
	--surface-raised: #534839;
	--surface-hover: #584c3b;
	--surface-selected: #5d503d;
	--surface-track: #554d40;
	--surface-track-selected: #5a5143;
	--text-primary: #faecd8;
	--text-secondary: #e3d7c6;
	--text-muted: #cec4b5;
	--text-subtle: #827a6f;
	--text-disabled: #6f6960;
	--border-default: #655a4a;
	--border-strong: #7b6e5a;
	--border-control: #ae9d84;
	--accent: #e0b490;
	--accent-contrast: #382e26;
	--accent-muted: #6c4c31;
	--focus: #d6aa87;
	--ink-alpha-weak: rgba(250, 236, 216, 0.06);
	--ink-alpha-strong: rgba(250, 236, 216, 0.48);
	--surface-inverse: #f3e1c6;
	--text-inverse: #342817;
	--font-weight-body: 420;
	--danger: #d15c53;
	--danger-hover: #e36c61;
	--elevation-contact-color: rgb(0 0 0 / 0.34);
	--elevation-ambient-color: rgb(0 0 0 / 0.22);
	--opacity-scrim: 0.6;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 8%;
	--step-border-subtle: 8%;
	--step-border-default: 12%;
	--step-border-strong: 19%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
	--surface-floating: color-mix(in oklab, var(--surface-base), var(--text-primary) var(--step-surface-hover));
}
:root[data-theme="paper-light"], .theme-paper-light {
	--surface-canvas: #e4cfb2;
	--surface-plane: #ebd8bc;
	--surface-base: #f3e1c6;
	--surface-subtle: #ddc9ac;
	--surface-raised: #f3e1c6;
	--surface-hover: #dcc7a9;
	--surface-selected: #dec7a6;
	--surface-track: #ddc9ac;
	--surface-track-selected: #f3e1c6;
	--text-primary: #342817;
	--text-secondary: #4b4030;
	--text-muted: #5d5243;
	--text-subtle: #a79d8e;
	--text-disabled: #bab1a4;
	--border-default: #ddc9ac;
	--border-strong: #b7a995;
	--border-control: #7e6f5a;
	--accent: #8b5727;
	--accent-contrast: #fef9f5;
	--accent-muted: #f0d3bc;
	--focus: #986233;
	--ink-alpha-weak: rgba(52, 40, 23, 0.06);
	--ink-alpha-strong: rgba(52, 40, 23, 0.48);
	--surface-inverse: #504739;
	--text-inverse: #faecd8;
	--danger: #a52a26;
	--danger-hover: #901114;
	--elevation-contact-color: rgb(20 19 18 / 0.12);
	--elevation-ambient-color: rgb(20 19 18 / 0.08);
	--opacity-scrim: 0.32;
	--font-weight-body: 440;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 12%;
	--step-border-subtle: 4%;
	--step-border-default: 9%;
	--step-border-strong: 15%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
	--surface-floating: #f8ecd8;
}
:root[data-theme="persona-dark"], .theme-persona-dark {
	--surface-canvas: #090909;
	--surface-plane: #141414;
	--surface-base: #202020;
	--surface-subtle: #131313;
	--surface-raised: #262626;
	--surface-hover: #333333;
	--surface-selected: #353535;
	--surface-track: #2e2e2e;
	--surface-track-selected: #353535;
	--text-primary: #ededed;
	--text-secondary: #c7c7c7;
	--text-muted: #9f9f9f;
	--text-subtle: #8a8a8a;
	--text-disabled: #6f6f6f;
	--border-default: #2b2b2b;
	--border-strong: #424242;
	--border-control: #a0a0a0;
	--accent: #94b7fe;
	--accent-contrast: #090909;
	--accent-muted: #1c2842;
	--focus: #85acfe;
	--ink-alpha-weak: rgba(237, 237, 237, 0.06);
	--ink-alpha-strong: rgba(237, 237, 237, 0.48);
	--surface-inverse: #fefefe;
	--text-inverse: #0c0c0c;
	--font-weight-body: 420;
	--danger: #d15c53;
	--danger-hover: #e36c61;
	--elevation-contact-color: rgb(0 0 0 / 0.34);
	--elevation-ambient-color: rgb(0 0 0 / 0.22);
	--opacity-scrim: 0.6;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 8%;
	--step-border-subtle: 8%;
	--step-border-default: 12%;
	--step-border-strong: 19%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
}
:root[data-theme="persona-light"], .theme-persona-light {
	--surface-canvas: #fefefe;
	--surface-plane: #fefefe;
	--surface-base: #fefefe;
	--surface-subtle: #f1f1f1;
	--surface-raised: #fefefe;
	--surface-hover: #ededed;
	--surface-selected: #e0e0e0;
	--surface-track: #efefef;
	--surface-track-selected: #fefefe;
	--text-primary: #0c0c0c;
	--text-secondary: #303030;
	--text-muted: #595959;
	--text-subtle: #6a6a6a;
	--text-disabled: #878787;
	--border-default: #e1e1e1;
	--border-strong: #adadad;
	--border-control: #4d4d4d;
	--accent: #0333cc;
	--accent-contrast: #fefefe;
	--accent-muted: #dde8fe;
	--focus: #1745c2;
	--ink-alpha-weak: rgba(12, 12, 12, 0.06);
	--ink-alpha-strong: rgba(12, 12, 12, 0.48);
	--surface-inverse: #202020;
	--text-inverse: #ededed;
	--danger: #a52a26;
	--danger-hover: #901114;
	--elevation-contact-color: rgb(20 19 18 / 0.12);
	--elevation-ambient-color: rgb(20 19 18 / 0.08);
	--opacity-scrim: 0.32;
	--font-weight-body: 440;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 12%;
	--step-border-subtle: 4%;
	--step-border-default: 9%;
	--step-border-strong: 15%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
}
:root[data-theme="terminal-dark"], .theme-terminal-dark {
	--surface-canvas: #000d00;
	--surface-plane: #001300;
	--surface-base: #001902;
	--surface-subtle: #000f00;
	--surface-raised: #042007;
	--surface-hover: #0e4213;
	--surface-selected: #125018;
	--surface-track: #0e4213;
	--surface-track-selected: #14551a;
	--text-primary: #4dff5e;
	--text-secondary: #3fd84e;
	--text-muted: #35bf43;
	--text-subtle: #16691f;
	--text-disabled: #0d5115;
	--border-default: #043409;
	--border-strong: #0d5316;
	--border-control: #21872c;
	--accent: #99ffa3;
	--accent-contrast: #001902;
	--accent-muted: #19441e;
	--focus: #d9d9d9;
	--ink-alpha-weak: rgba(77, 255, 94, 0.06);
	--ink-alpha-strong: rgba(77, 255, 94, 0.48);
	--surface-inverse: #4dff5e;
	--text-inverse: #001902;
	--font-weight-body: 420;
	--danger: #d15c53;
	--danger-hover: #e36c61;
	--elevation-contact-color: rgb(0 0 0 / 0.34);
	--elevation-ambient-color: rgb(0 0 0 / 0.22);
	--opacity-scrim: 0.6;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 8%;
	--step-border-subtle: 8%;
	--step-border-default: 12%;
	--step-border-strong: 19%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
	--surface-floating: color-mix(in oklab, var(--surface-base), var(--text-primary) var(--step-surface-hover));
}
:root[data-theme="terminal-light"], .theme-terminal-light {
	--surface-canvas: #cdeecc;
	--surface-plane: #d5f7d4;
	--surface-base: #ddffdc;
	--surface-subtle: #cef0cd;
	--surface-raised: #ddffdc;
	--surface-hover: #c5e9c4;
	--surface-selected: #b7dcb7;
	--surface-track: #c5e9c4;
	--surface-track-selected: #b5dab4;
	--text-primary: #003400;
	--text-secondary: #234f20;
	--text-muted: #376235;
	--text-subtle: #83aa81;
	--text-disabled: #9cc29a;
	--border-default: #bce0bb;
	--border-strong: #9ac098;
	--border-control: #679065;
	--accent: #007e27;
	--accent-contrast: #ddffdc;
	--accent-muted: #b3e2b4;
	--focus: #2e2e2e;
	--ink-alpha-weak: rgba(0, 52, 0, 0.06);
	--ink-alpha-strong: rgba(0, 52, 0, 0.48);
	--surface-inverse: #003400;
	--text-inverse: #ddffdc;
	--danger: #a52a26;
	--danger-hover: #901114;
	--elevation-contact-color: rgb(20 19 18 / 0.12);
	--elevation-ambient-color: rgb(20 19 18 / 0.08);
	--opacity-scrim: 0.32;
	--font-weight-body: 440;
	--step-surface-hover: 6%;
	--step-surface-selected: 10%;
	--step-surface-pressed: 16%;
	--step-track-selected: 12%;
	--step-border-subtle: 4%;
	--step-border-default: 9%;
	--step-border-strong: 15%;
	--surface: var(--surface-base);
	--border: var(--border-default);
	--scrim: rgb(0 0 0 / var(--opacity-scrim));
	--radius-control-base: var(--radius-control);
	--text: var(--text-primary);
	--elevation-control: 0 0.5px 0.5px var(--elevation-contact-color);
	--elevation-floating: 0 4px 12px var(--elevation-contact-color), 0 12px 32px var(--elevation-ambient-color);
	--surface-floating: var(--surface-base);
}

:root[data-chosen] body {
	background-color: var(--surface-canvas);
	color: var(--text-primary);
}
:root[data-chosen] body :is(h1, h2, h3, h4, h5, h6):not(:is(.has-text-color, .has-background, .wp-block-cover) *) {
	color: var(--text-primary);
}
:root[data-chosen] body :is(.wp-block-post-content, .wp-block-post-excerpt, .entry-content):not(:is(.has-text-color, .has-background, .wp-block-cover) *) {
	color: var(--text-primary);
}