@rcarls/rc-theme-material 0.0.0-next-20260921045401

package/defaults.css

@@ -0,0 +1,1081 @@
+@layer rc-theme-material.defaults, rc-theme-material.bridge, rc-theme-material.components;
+
+@layer rc-theme-material.defaults {
+  /*
+ * Bundled Material 3 token defaults for standalone use.
+ *
+ * Token values are vendored from material-foundation/material-tokens
+ * css/*.css and css/theme/*.css, licensed under Apache-2.0.
+ * The upstream repository was archived on 2024-10-17 and has no
+ * published releases, so this package ships scoped CSS defaults directly.
+ *
+ * Applications with an existing Material token environment should import only
+ * bridge.css so their generated or branded --md-* values remain authoritative.
+ */
+  .rc-theme-material,
+  :host(.rc-theme-material) {
+    color-scheme: light dark;
+
+    /* Reference palette tokens */
+    /* Error 0 */
+    --md-ref-palette-error0: #000000ff;
+    /* Error 10 */
+    --md-ref-palette-error10: #410e0bff;
+    /* Error 20 */
+    --md-ref-palette-error20: #601410ff;
+    /* Error 30 */
+    --md-ref-palette-error30: #8c1d18ff;
+    /* Error 40 */
+    --md-ref-palette-error40: #b3261eff;
+    /* Error 50 */
+    --md-ref-palette-error50: #dc362eff;
+    /* Error 60 */
+    --md-ref-palette-error60: #e46962ff;
+    /* Error 70 */
+    --md-ref-palette-error70: #ec928eff;
+    /* Error 80 */
+    --md-ref-palette-error80: #f2b8b5ff;
+    /* Error 90 */
+    --md-ref-palette-error90: #f9dedcff;
+    /* Error 95 */
+    --md-ref-palette-error95: #fceeeeff;
+    /* Error 99 */
+    --md-ref-palette-error99: #fffbf9ff;
+    /* Error 100 */
+    --md-ref-palette-error100: #ffffffff;
+    /* Tertiary 0 */
+    --md-ref-palette-tertiary0: #000000ff;
+    /* Tertiary 10 */
+    --md-ref-palette-tertiary10: #31111dff;
+    /* Tertiary 20 */
+    --md-ref-palette-tertiary20: #492532ff;
+    /* Tertiary 30 */
+    --md-ref-palette-tertiary30: #633b48ff;
+    /* Tertiary 40 */
+    --md-ref-palette-tertiary40: #7d5260ff;
+    /* Tertiary 50 */
+    --md-ref-palette-tertiary50: #986977ff;
+    /* Tertiary 60 */
+    --md-ref-palette-tertiary60: #b58392ff;
+    /* Tertiary 70 */
+    --md-ref-palette-tertiary70: #d29dacff;
+    /* Tertiary 80 */
+    --md-ref-palette-tertiary80: #efb8c8ff;
+    /* Tertiary 90 */
+    --md-ref-palette-tertiary90: #ffd8e4ff;
+    /* Tertiary 95 */
+    --md-ref-palette-tertiary95: #ffecf1ff;
+    /* Tertiary 99 */
+    --md-ref-palette-tertiary99: #fffbfaff;
+    /* Tertiary 100 */
+    --md-ref-palette-tertiary100: #ffffffff;
+    /* Secondary 0 */
+    --md-ref-palette-secondary0: #000000ff;
+    /* Secondary 10 */
+    --md-ref-palette-secondary10: #1d192bff;
+    /* Secondary 20 */
+    --md-ref-palette-secondary20: #332d41ff;
+    /* Secondary 30 */
+    --md-ref-palette-secondary30: #4a4458ff;
+    /* Secondary 40 */
+    --md-ref-palette-secondary40: #625b71ff;
+    /* Secondary 50 */
+    --md-ref-palette-secondary50: #7a7289ff;
+    /* Secondary 60 */
+    --md-ref-palette-secondary60: #958da5ff;
+    /* Secondary 70 */
+    --md-ref-palette-secondary70: #b0a7c0ff;
+    /* Secondary 80 */
+    --md-ref-palette-secondary80: #ccc2dcff;
+    /* Secondary 90 */
+    --md-ref-palette-secondary90: #e8def8ff;
+    /* Secondary 95 */
+    --md-ref-palette-secondary95: #f6edffff;
+    /* Secondary 99 */
+    --md-ref-palette-secondary99: #fffbfeff;
+    /* Secondary 100 */
+    --md-ref-palette-secondary100: #ffffffff;
+    /* Primary 0 */
+    --md-ref-palette-primary0: #000000ff;
+    /* Primary 10 */
+    --md-ref-palette-primary10: #21005dff;
+    /* Primary 20 */
+    --md-ref-palette-primary20: #381e72ff;
+    /* Primary 30 */
+    --md-ref-palette-primary30: #4f378bff;
+    /* Primary 40 */
+    --md-ref-palette-primary40: #6750a4ff;
+    /* Primary 50 */
+    --md-ref-palette-primary50: #7f67beff;
+    /* Primary 60 */
+    --md-ref-palette-primary60: #9a82dbff;
+    /* Primary 70 */
+    --md-ref-palette-primary70: #b69df8ff;
+    /* Primary 80 */
+    --md-ref-palette-primary80: #d0bcffff;
+    /* Primary 90 */
+    --md-ref-palette-primary90: #eaddffff;
+    /* Primary 95 */
+    --md-ref-palette-primary95: #f6edffff;
+    /* Primary 99 */
+    --md-ref-palette-primary99: #fffbfeff;
+    /* Primary 100 */
+    --md-ref-palette-primary100: #ffffffff;
+    /* Neutral Variant 0 */
+    --md-ref-palette-neutral-variant0: #000000ff;
+    /* Neutral Variant 10 */
+    --md-ref-palette-neutral-variant10: #1d1a22ff;
+    /* Neutral Variant 20 */
+    --md-ref-palette-neutral-variant20: #322f37ff;
+    /* Neutral Variant 30 */
+    --md-ref-palette-neutral-variant30: #49454fff;
+    /* Neutral Variant 40 */
+    --md-ref-palette-neutral-variant40: #605d66ff;
+    /* Neutral Variant 50 */
+    --md-ref-palette-neutral-variant50: #79747eff;
+    /* Neutral Variant 60 */
+    --md-ref-palette-neutral-variant60: #938f99ff;
+    /* Neutral Variant 70 */
+    --md-ref-palette-neutral-variant70: #aea9b4ff;
+    /* Neutral Variant 80 */
+    --md-ref-palette-neutral-variant80: #cac4d0ff;
+    /* Neutral Variant 90 */
+    --md-ref-palette-neutral-variant90: #e7e0ecff;
+    /* Neutral Variant 95 */
+    --md-ref-palette-neutral-variant95: #f5eefaff;
+    /* Neutral Variant 99 */
+    --md-ref-palette-neutral-variant99: #fffbfeff;
+    /* Neutral Variant 100 */
+    --md-ref-palette-neutral-variant100: #ffffffff;
+    /* Neutral 0 */
+    --md-ref-palette-neutral0: #000000ff;
+    /* Neutral 4 */
+    --md-ref-palette-neutral4: #0f0e11ff;
+    /* Neutral 6 */
+    --md-ref-palette-neutral6: #141317ff;
+    /* Neutral 10 */
+    --md-ref-palette-neutral10: #1c1b1fff;
+    /* Neutral 12 */
+    --md-ref-palette-neutral12: #211f23ff;
+    /* Neutral 17 */
+    --md-ref-palette-neutral17: #2b292eff;
+    /* Neutral 20 */
+    --md-ref-palette-neutral20: #313033ff;
+    /* Neutral 22 */
+    --md-ref-palette-neutral22: #363438ff;
+    /* Neutral 24 */
+    --md-ref-palette-neutral24: #3b383dff;
+    /* Neutral 30 */
+    --md-ref-palette-neutral30: #484649ff;
+    /* Neutral 40 */
+    --md-ref-palette-neutral40: #605d62ff;
+    /* Neutral 50 */
+    --md-ref-palette-neutral50: #787579ff;
+    /* Neutral 60 */
+    --md-ref-palette-neutral60: #939094ff;
+    /* Neutral 70 */
+    --md-ref-palette-neutral70: #aeaaaeff;
+    /* Neutral 80 */
+    --md-ref-palette-neutral80: #c9c5caff;
+    /* Neutral 87 */
+    --md-ref-palette-neutral87: #ded8deff;
+    /* Neutral 90 */
+    --md-ref-palette-neutral90: #e6e1e5ff;
+    /* Neutral 92 */
+    --md-ref-palette-neutral92: #ece6ecff;
+    /* Neutral 94 */
+    --md-ref-palette-neutral94: #f2ecf2ff;
+    /* Neutral 95 */
+    --md-ref-palette-neutral95: #f4eff4ff;
+    /* Neutral 96 */
+    --md-ref-palette-neutral96: #f8f2f8ff;
+    /* Neutral 98 */
+    --md-ref-palette-neutral98: #fdf8fdff;
+    /* Neutral 99 */
+    --md-ref-palette-neutral99: #fffbfeff;
+    /* Neutral 100 */
+    --md-ref-palette-neutral100: #ffffffff;
+    /* Black */
+    --md-ref-palette-black: #000000ff;
+    /* White */
+    --md-ref-palette-white: #ffffffff;
+
+    /* Typography tokens */
+    /* Label Small */
+    --md-sys-typescale-label-small-text-transform: unset;
+    --md-sys-typescale-label-small-axis-value: unset;
+    --md-sys-typescale-label-small-font-style: unset;
+    --md-sys-typescale-label-small-text-decoration: unset;
+    /* Label Small line height */
+    --md-sys-typescale-label-small-line-height-value: 16px;
+    --md-sys-typescale-label-small-line-height-unit: 2px;
+    --md-sys-typescale-label-small-line-height: 16px;
+    /* Label Small font tracking */
+    --md-sys-typescale-label-small-tracking-value: 0.5px;
+    --md-sys-typescale-label-small-tracking-unit: 2px;
+    --md-sys-typescale-label-small-tracking: 0.5px;
+    /* Label Small font size */
+    --md-sys-typescale-label-small-size-value: 11px;
+    --md-sys-typescale-label-small-size-unit: 2px;
+    --md-sys-typescale-label-small-size: 11px;
+    /* Label Small font weight */
+    --md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);
+    /* Label Small font name */
+    --md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);
+    /* Label Medium */
+    --md-sys-typescale-label-medium-axis-value: unset;
+    --md-sys-typescale-label-medium-font-style: unset;
+    --md-sys-typescale-label-medium-text-decoration: unset;
+    /* Label Medium text transform */
+    --md-sys-typescale-label-medium-text-transform: 1;
+    /* Label Medium line height */
+    --md-sys-typescale-label-medium-line-height-value: 16px;
+    --md-sys-typescale-label-medium-line-height-unit: 2px;
+    --md-sys-typescale-label-medium-line-height: 16px;
+    /* Label Medium font tracking */
+    --md-sys-typescale-label-medium-tracking-value: 0.5px;
+    --md-sys-typescale-label-medium-tracking-unit: 2px;
+    --md-sys-typescale-label-medium-tracking: 0.5px;
+    /* Label Medium font size */
+    --md-sys-typescale-label-medium-size-value: 12px;
+    --md-sys-typescale-label-medium-size-unit: 2px;
+    --md-sys-typescale-label-medium-size: 12px;
+    /* Label Medium font weight */
+    --md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);
+    /* Label Medium font name */
+    --md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);
+    /* Label Large */
+    --md-sys-typescale-label-large-text-transform: unset;
+    --md-sys-typescale-label-large-axis-value: unset;
+    --md-sys-typescale-label-large-font-style: unset;
+    --md-sys-typescale-label-large-text-decoration: unset;
+    /* Label Large line height */
+    --md-sys-typescale-label-large-line-height-value: 20px;
+    --md-sys-typescale-label-large-line-height-unit: 2px;
+    --md-sys-typescale-label-large-line-height: 20px;
+    /* Label Large font tracking */
+    --md-sys-typescale-label-large-tracking-value: 0.10000000149011612px;
+    --md-sys-typescale-label-large-tracking-unit: 2px;
+    --md-sys-typescale-label-large-tracking: 0.10000000149011612px;
+    /* Label Large font size */
+    --md-sys-typescale-label-large-size-value: 14px;
+    --md-sys-typescale-label-large-size-unit: 2px;
+    --md-sys-typescale-label-large-size: 14px;
+    /* Label Large font weight */
+    --md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);
+    /* Label Large font name */
+    --md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);
+    /* Body Small */
+    --md-sys-typescale-body-small-text-transform: unset;
+    --md-sys-typescale-body-small-axis-value: unset;
+    --md-sys-typescale-body-small-font-style: unset;
+    --md-sys-typescale-body-small-text-decoration: unset;
+    /* Body Small line height */
+    --md-sys-typescale-body-small-line-height-value: 16px;
+    --md-sys-typescale-body-small-line-height-unit: 2px;
+    --md-sys-typescale-body-small-line-height: 16px;
+    /* Body Small font tracking */
+    --md-sys-typescale-body-small-tracking-value: 0.4000000059604645px;
+    --md-sys-typescale-body-small-tracking-unit: 2px;
+    --md-sys-typescale-body-small-tracking: 0.4000000059604645px;
+    /* Body Small font size */
+    --md-sys-typescale-body-small-size-value: 12px;
+    --md-sys-typescale-body-small-size-unit: 2px;
+    --md-sys-typescale-body-small-size: 12px;
+    /* Body Small font weight */
+    --md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);
+    /* Body Small font name */
+    --md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);
+    /* Body Medium */
+    --md-sys-typescale-body-medium-text-transform: unset;
+    --md-sys-typescale-body-medium-axis-value: unset;
+    --md-sys-typescale-body-medium-font-style: unset;
+    --md-sys-typescale-body-medium-text-decoration: unset;
+    /* Body Medium line height */
+    --md-sys-typescale-body-medium-line-height-value: 20px;
+    --md-sys-typescale-body-medium-line-height-unit: 2px;
+    --md-sys-typescale-body-medium-line-height: 20px;
+    /* Body Medium font tracking */
+    --md-sys-typescale-body-medium-tracking-value: 0.25px;
+    --md-sys-typescale-body-medium-tracking-unit: 2px;
+    --md-sys-typescale-body-medium-tracking: 0.25px;
+    /* Body Medium font size */
+    --md-sys-typescale-body-medium-size-value: 14px;
+    --md-sys-typescale-body-medium-size-unit: 2px;
+    --md-sys-typescale-body-medium-size: 14px;
+    /* Body Medium font weight */
+    --md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);
+    /* Body Medium font name */
+    --md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);
+    /* Body Large */
+    --md-sys-typescale-body-large-text-transform: unset;
+    --md-sys-typescale-body-large-axis-value: unset;
+    --md-sys-typescale-body-large-font-style: unset;
+    --md-sys-typescale-body-large-text-decoration: unset;
+    /* Body Large line height */
+    --md-sys-typescale-body-large-line-height-value: 24px;
+    --md-sys-typescale-body-large-line-height-unit: 2px;
+    --md-sys-typescale-body-large-line-height: 24px;
+    /* Body Large font tracking */
+    --md-sys-typescale-body-large-tracking-value: 0.5px;
+    --md-sys-typescale-body-large-tracking-unit: 2px;
+    --md-sys-typescale-body-large-tracking: 0.5px;
+    /* Body Large font size */
+    --md-sys-typescale-body-large-size-value: 16px;
+    --md-sys-typescale-body-large-size-unit: 2px;
+    --md-sys-typescale-body-large-size: 16px;
+    /* Body Large font weight */
+    --md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);
+    /* Body Large font name */
+    --md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);
+    /* Title Small */
+    --md-sys-typescale-title-small-text-transform: unset;
+    --md-sys-typescale-title-small-axis-value: unset;
+    --md-sys-typescale-title-small-font-style: unset;
+    --md-sys-typescale-title-small-text-decoration: unset;
+    /* Title Small line height */
+    --md-sys-typescale-title-small-line-height-value: 20px;
+    --md-sys-typescale-title-small-line-height-unit: 2px;
+    --md-sys-typescale-title-small-line-height: 20px;
+    /* Title Small font tracking */
+    --md-sys-typescale-title-small-tracking-value: 0.10000000149011612px;
+    --md-sys-typescale-title-small-tracking-unit: 2px;
+    --md-sys-typescale-title-small-tracking: 0.10000000149011612px;
+    /* Title Small font size */
+    --md-sys-typescale-title-small-size-value: 14px;
+    --md-sys-typescale-title-small-size-unit: 2px;
+    --md-sys-typescale-title-small-size: 14px;
+    /* Title Small font weight */
+    --md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);
+    /* Title Small font name */
+    --md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);
+    /* Title Medium */
+    --md-sys-typescale-title-medium-text-transform: unset;
+    --md-sys-typescale-title-medium-axis-value: unset;
+    --md-sys-typescale-title-medium-font-style: unset;
+    --md-sys-typescale-title-medium-text-decoration: unset;
+    /* Title Medium line height */
+    --md-sys-typescale-title-medium-line-height-value: 24px;
+    --md-sys-typescale-title-medium-line-height-unit: 2px;
+    --md-sys-typescale-title-medium-line-height: 24px;
+    /* Title Medium font tracking */
+    --md-sys-typescale-title-medium-tracking-value: 0.15000000596046448px;
+    --md-sys-typescale-title-medium-tracking-unit: 2px;
+    --md-sys-typescale-title-medium-tracking: 0.15000000596046448px;
+    /* Title Medium font size */
+    --md-sys-typescale-title-medium-size-value: 16px;
+    --md-sys-typescale-title-medium-size-unit: 2px;
+    --md-sys-typescale-title-medium-size: 16px;
+    /* Title Medium font weight */
+    --md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);
+    /* Title Medium font name */
+    --md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);
+    /* Title Large */
+    --md-sys-typescale-title-large-text-transform: unset;
+    --md-sys-typescale-title-large-axis-value: unset;
+    --md-sys-typescale-title-large-font-style: unset;
+    --md-sys-typescale-title-large-text-decoration: unset;
+    /* Title Large line height */
+    --md-sys-typescale-title-large-line-height-value: 28px;
+    --md-sys-typescale-title-large-line-height-unit: 2px;
+    --md-sys-typescale-title-large-line-height: 28px;
+    /* Title Large font tracking */
+    --md-sys-typescale-title-large-tracking-value: 0px;
+    --md-sys-typescale-title-large-tracking-unit: 2px;
+    --md-sys-typescale-title-large-tracking: 0px;
+    /* Title Large font size */
+    --md-sys-typescale-title-large-size-value: 22px;
+    --md-sys-typescale-title-large-size-unit: 2px;
+    --md-sys-typescale-title-large-size: 22px;
+    /* Title Large font weight */
+    --md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);
+    /* Title Large font name */
+    --md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);
+    /* Headline Small */
+    --md-sys-typescale-headline-small-text-transform: unset;
+    --md-sys-typescale-headline-small-axis-value: unset;
+    --md-sys-typescale-headline-small-font-style: unset;
+    --md-sys-typescale-headline-small-text-decoration: unset;
+    /* Headline Small line height */
+    --md-sys-typescale-headline-small-line-height-value: 32px;
+    --md-sys-typescale-headline-small-line-height-unit: 2px;
+    --md-sys-typescale-headline-small-line-height: 32px;
+    /* Headline Small font tracking */
+    --md-sys-typescale-headline-small-tracking-value: 0px;
+    --md-sys-typescale-headline-small-tracking-unit: 2px;
+    --md-sys-typescale-headline-small-tracking: 0px;
+    /* Headline Small font size */
+    --md-sys-typescale-headline-small-size-value: 24px;
+    --md-sys-typescale-headline-small-size-unit: 2px;
+    --md-sys-typescale-headline-small-size: 24px;
+    /* Headline Small font weight */
+    --md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);
+    /* Headline Small font name */
+    --md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);
+    /* Headline Medium */
+    --md-sys-typescale-headline-medium-text-transform: unset;
+    --md-sys-typescale-headline-medium-axis-value: unset;
+    --md-sys-typescale-headline-medium-font-style: unset;
+    --md-sys-typescale-headline-medium-text-decoration: unset;
+    /* Headline Medium line height */
+    --md-sys-typescale-headline-medium-line-height-value: 36px;
+    --md-sys-typescale-headline-medium-line-height-unit: 2px;
+    --md-sys-typescale-headline-medium-line-height: 36px;
+    /* Headline Medium font tracking */
+    --md-sys-typescale-headline-medium-tracking-value: 0px;
+    --md-sys-typescale-headline-medium-tracking-unit: 2px;
+    --md-sys-typescale-headline-medium-tracking: 0px;
+    /* Headline Medium font size */
+    --md-sys-typescale-headline-medium-size-value: 28px;
+    --md-sys-typescale-headline-medium-size-unit: 2px;
+    --md-sys-typescale-headline-medium-size: 28px;
+    /* Headline Medium font weight */
+    --md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);
+    /* Headline Medium font name */
+    --md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);
+    /* Headline Large */
+    --md-sys-typescale-headline-large-text-transform: unset;
+    --md-sys-typescale-headline-large-axis-value: unset;
+    --md-sys-typescale-headline-large-font-style: unset;
+    --md-sys-typescale-headline-large-text-decoration: unset;
+    /* Headline Large line height */
+    --md-sys-typescale-headline-large-line-height-value: 40px;
+    --md-sys-typescale-headline-large-line-height-unit: 2px;
+    --md-sys-typescale-headline-large-line-height: 40px;
+    /* Headline Large font tracking */
+    --md-sys-typescale-headline-large-tracking-value: 0px;
+    --md-sys-typescale-headline-large-tracking-unit: 2px;
+    --md-sys-typescale-headline-large-tracking: 0px;
+    /* Headline Large font size */
+    --md-sys-typescale-headline-large-size-value: 32px;
+    --md-sys-typescale-headline-large-size-unit: 2px;
+    --md-sys-typescale-headline-large-size: 32px;
+    /* Headline Large font name */
+    --md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);
+    /* Headline Large font weight */
+    --md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);
+    /* Display Small */
+    --md-sys-typescale-display-small-text-transform: unset;
+    --md-sys-typescale-display-small-axis-value: unset;
+    --md-sys-typescale-display-small-font-style: unset;
+    --md-sys-typescale-display-small-text-decoration: unset;
+    /* Display Small line height */
+    --md-sys-typescale-display-small-line-height-value: 44px;
+    --md-sys-typescale-display-small-line-height-unit: 2px;
+    --md-sys-typescale-display-small-line-height: 44px;
+    /* Display Small font tracking */
+    --md-sys-typescale-display-small-tracking-value: 0px;
+    --md-sys-typescale-display-small-tracking-unit: 2px;
+    --md-sys-typescale-display-small-tracking: 0px;
+    /* Display Small font size */
+    --md-sys-typescale-display-small-size-value: 36px;
+    --md-sys-typescale-display-small-size-unit: 2px;
+    --md-sys-typescale-display-small-size: 36px;
+    /* Display Small font weight */
+    --md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);
+    /* Display Small font name */
+    --md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);
+    /* Display Medium */
+    --md-sys-typescale-display-medium-text-transform: unset;
+    --md-sys-typescale-display-medium-axis-value: unset;
+    --md-sys-typescale-display-medium-font-style: unset;
+    --md-sys-typescale-display-medium-text-decoration: unset;
+    /* Display Medium line height */
+    --md-sys-typescale-display-medium-line-height-value: 52px;
+    --md-sys-typescale-display-medium-line-height-unit: 2px;
+    --md-sys-typescale-display-medium-line-height: 52px;
+    /* Display Medium font tracking */
+    --md-sys-typescale-display-medium-tracking-value: 0px;
+    --md-sys-typescale-display-medium-tracking-unit: 2px;
+    --md-sys-typescale-display-medium-tracking: 0px;
+    /* Display Medium font size */
+    --md-sys-typescale-display-medium-size-value: 45px;
+    --md-sys-typescale-display-medium-size-unit: 2px;
+    --md-sys-typescale-display-medium-size: 45px;
+    /* Display Medium font weight */
+    --md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);
+    /* Display Medium font name */
+    --md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);
+    /* Display Large */
+    --md-sys-typescale-display-large-text-transform: unset;
+    --md-sys-typescale-display-large-axis-value: unset;
+    --md-sys-typescale-display-large-font-style: unset;
+    --md-sys-typescale-display-large-text-decoration: unset;
+    /* Display Large line height */
+    --md-sys-typescale-display-large-line-height-value: 64px;
+    --md-sys-typescale-display-large-line-height-unit: 2px;
+    --md-sys-typescale-display-large-line-height: 64px;
+    /* Display Large font tracking */
+    --md-sys-typescale-display-large-tracking-value: -0.25px;
+    --md-sys-typescale-display-large-tracking-unit: 2px;
+    --md-sys-typescale-display-large-tracking: -0.25px;
+    /* Display Large font size */
+    --md-sys-typescale-display-large-size-value: 57px;
+    --md-sys-typescale-display-large-size-unit: 2px;
+    --md-sys-typescale-display-large-size: 57px;
+    /* Display Large font weight */
+    --md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);
+    /* Display Large font name */
+    --md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);
+    /* Plain typeface */
+    --md-ref-typeface-plain: Roboto;
+    /* Brand typeface */
+    --md-ref-typeface-brand: Roboto;
+    /* Bold weight */
+    --md-ref-typeface-weight-bold: 700;
+    /* Medium weight */
+    --md-ref-typeface-weight-medium: 500;
+    /* Regular weight */
+    --md-ref-typeface-weight-regular: 400;
+
+    /* Shape tokens */
+    /* Fully rounded */
+    --md-sys-shape-corner-full-family: 3px;
+    /* Extra large top rounding */
+    --md-sys-shape-corner-extra-large-top-family: 1px;
+    --md-sys-shape-corner-extra-large-top-default-size: 0px;
+    --md-sys-shape-corner-extra-large-top-top-left: 28px;
+    --md-sys-shape-corner-extra-large-top-top-right-unit: 1px;
+    --md-sys-shape-corner-extra-large-top-top-right: 28px;
+    /* Extra large rounding */
+    --md-sys-shape-corner-extra-large-family: 1px;
+    --md-sys-shape-corner-extra-large-default-size-unit: 1px;
+    --md-sys-shape-corner-extra-large-default-size: 28px;
+    /* Large top rounding */
+    --md-sys-shape-corner-large-top-family: 1px;
+    --md-sys-shape-corner-large-top-default-size-unit: 1px;
+    --md-sys-shape-corner-large-top-default-size: 0px;
+    --md-sys-shape-corner-large-top-top-left-unit: 1px;
+    --md-sys-shape-corner-large-top-top-left: 16px;
+    --md-sys-shape-corner-large-top-top-right-unit: 1px;
+    --md-sys-shape-corner-large-top-top-right: 16px;
+    /* Large end rounding */
+    --md-sys-shape-corner-large-end-family: 1px;
+    --md-sys-shape-corner-large-end-default-size-unit: 1px;
+    --md-sys-shape-corner-large-end-default-size: 0px;
+    --md-sys-shape-corner-large-end-top-right-unit: 1px;
+    --md-sys-shape-corner-large-end-top-right: 16px;
+    --md-sys-shape-corner-large-end-bottom-right-unit: 1px;
+    --md-sys-shape-corner-large-end-bottom-right: 16px;
+    /* Large rounding */
+    --md-sys-shape-corner-large-family: 1px;
+    --md-sys-shape-corner-large-default-size-unit: 1px;
+    --md-sys-shape-corner-large-default-size: 16px;
+    /* Medium rounding */
+    --md-sys-shape-corner-medium-family: 1px;
+    --md-sys-shape-corner-medium-default-size-unit: 1px;
+    --md-sys-shape-corner-medium-default-size: 12px;
+    /* Small rounding */
+    --md-sys-shape-corner-small-family: 1px;
+    --md-sys-shape-corner-small-default-size-unit: 1px;
+    --md-sys-shape-corner-small-default-size: 8px;
+    /* Extra small top rounding */
+    --md-sys-shape-corner-extra-small-top-family: 1px;
+    --md-sys-shape-corner-extra-small-top-default-size-unit: 1px;
+    --md-sys-shape-corner-extra-small-top-default-size: 0px;
+    --md-sys-shape-corner-extra-small-top-top-left-unit: 1px;
+    --md-sys-shape-corner-extra-small-top-top-left: 4px;
+    --md-sys-shape-corner-extra-small-top-top-right-unit: 1px;
+    --md-sys-shape-corner-extra-small-top-top-right: 4px;
+    /* Extra small rounding */
+    --md-sys-shape-corner-extra-small-family: 1px;
+    --md-sys-shape-corner-extra-small-default-size-unit: 1px;
+    --md-sys-shape-corner-extra-small-default-size: 4px;
+    /* No rounding */
+    --md-sys-shape-corner-none-family: 1px;
+    --md-sys-shape-corner-none-default-size-unit: 1px;
+    --md-sys-shape-corner-none-default-size: 0px;
+    --md-sys-shape-small: var(--md-sys-shape-corner-small-default-size);
+    --md-sys-shape-medium: var(--md-sys-shape-corner-medium-default-size);
+    --md-sys-shape-large: var(--md-sys-shape-corner-large-default-size);
+    --md-sys-shape-corner-none: var(--md-sys-shape-corner-none-default-size);
+    --md-sys-shape-corner-extra-small: var(--md-sys-shape-corner-extra-small-default-size);
+    --md-sys-shape-corner-small: var(--md-sys-shape-corner-small-default-size);
+    --md-sys-shape-corner-medium: var(--md-sys-shape-corner-medium-default-size);
+    --md-sys-shape-corner-large: var(--md-sys-shape-corner-large-default-size);
+    --md-sys-shape-corner-extra-large: var(--md-sys-shape-corner-extra-large-default-size);
+    --md-sys-shape-corner-full: 999px;
+
+    /* Motion tokens */
+    /* Emphasized decelerate easing (out) */
+    --md-sys-motion-easing-emphasized-decelerate-x0: 0.05000000074505806;
+    --md-sys-motion-easing-emphasized-decelerate-y0: 0.699999988079071;
+    --md-sys-motion-easing-emphasized-decelerate-x1: 0.10000000149011612;
+    --md-sys-motion-easing-emphasized-decelerate-y1: 1;
+    /* Emphasized accelerate easing (in) */
+    --md-sys-motion-easing-emphasized-accelerate-x0: 0.30000001192092896;
+    --md-sys-motion-easing-emphasized-accelerate-y0: 0;
+    --md-sys-motion-easing-emphasized-accelerate-x1: 0.800000011920929;
+    --md-sys-motion-easing-emphasized-accelerate-y1: 0.15000000596046448;
+    /* Standard decelerate easing (out) */
+    --md-sys-motion-easing-standard-decelerate-x0: 0;
+    --md-sys-motion-easing-standard-decelerate-y0: 0;
+    --md-sys-motion-easing-standard-decelerate-x1: 0;
+    --md-sys-motion-easing-standard-decelerate-y1: 1;
+    /* Standard accelerate easing (in) */
+    --md-sys-motion-easing-standard-accelerate-x0: 0.30000001192092896;
+    --md-sys-motion-easing-standard-accelerate-y0: 0;
+    --md-sys-motion-easing-standard-accelerate-x1: 1;
+    --md-sys-motion-easing-standard-accelerate-y1: 1;
+    /* Duration 1000ms */
+    --md-sys-motion-duration-1000: 1000ms;
+    /* Duration 900ms */
+    --md-sys-motion-duration-900: 900ms;
+    /* Duration 800ms */
+    --md-sys-motion-duration-800: 800ms;
+    /* Duration 700ms */
+    --md-sys-motion-duration-700: 700ms;
+    /* Duration 600ms */
+    --md-sys-motion-duration-600: 600ms;
+    /* Duration 550ms */
+    --md-sys-motion-duration-550: 550ms;
+    /* Duration 500ms */
+    --md-sys-motion-duration-500: 500ms;
+    /* Duration 450ms */
+    --md-sys-motion-duration-450: 450ms;
+    /* Duration 400ms */
+    --md-sys-motion-duration-400: 400ms;
+    /* Duration 350ms */
+    --md-sys-motion-duration-350: 350ms;
+    /* Duration 300ms */
+    --md-sys-motion-duration-300: 300ms;
+    /* Duration 250ms */
+    --md-sys-motion-duration-250: 250ms;
+    /* Duration 200ms */
+    --md-sys-motion-duration-200: 200ms;
+    /* Duration 150ms */
+    --md-sys-motion-duration-150: 150ms;
+    /* Duration 100ms */
+    --md-sys-motion-duration-100: 100ms;
+    /* Duration 50ms */
+    --md-sys-motion-duration-50: 50ms;
+    /* Standard easing (in and out) */
+    --md-sys-motion-easing-standard-x0: 0.20000000298023224;
+    --md-sys-motion-easing-standard-y0: 0;
+    --md-sys-motion-easing-standard-x1: 0;
+    --md-sys-motion-easing-standard-y1: 1;
+    /* Linear easing */
+    --md-sys-motion-easing-linear-x0: 0;
+    --md-sys-motion-easing-linear-y0: 0;
+    --md-sys-motion-easing-linear-x1: 1;
+    --md-sys-motion-easing-linear-y1: 1;
+    /* Emphasized */
+    --md-sys-motion-easing-emphasized-x0: 0.20000000298023224;
+    --md-sys-motion-easing-emphasized-y0: 0;
+    --md-sys-motion-easing-emphasized-x1: 0;
+    --md-sys-motion-easing-emphasized-y1: 1;
+    /* Motion path */
+    --md-sys-motion-path-standard-path: 1;
+
+    /*
+     * Repo-authored composites, not vendored. The tokens above are the raw
+     * control points and millisecond primitives material-tokens ships;
+     * nothing composes them into a usable `cubic-bezier()` or names the
+     * duration bands the Material 3 motion spec actually refers to, so any
+     * component or bridge rule reaching for one directly resolved to
+     * nothing. Each alias below is assembled from those primitives; see
+     * defaults.test.ts for the full set this asserts, so a future re-vendor
+     * that drops or renames a primitive fails a test instead of silently
+     * breaking every alias that composes it.
+     */
+    --md-sys-motion-easing-standard: cubic-bezier(
+      var(--md-sys-motion-easing-standard-x0),
+      var(--md-sys-motion-easing-standard-y0),
+      var(--md-sys-motion-easing-standard-x1),
+      var(--md-sys-motion-easing-standard-y1)
+    );
+    --md-sys-motion-easing-standard-decelerate: cubic-bezier(
+      var(--md-sys-motion-easing-standard-decelerate-x0),
+      var(--md-sys-motion-easing-standard-decelerate-y0),
+      var(--md-sys-motion-easing-standard-decelerate-x1),
+      var(--md-sys-motion-easing-standard-decelerate-y1)
+    );
+    --md-sys-motion-easing-standard-accelerate: cubic-bezier(
+      var(--md-sys-motion-easing-standard-accelerate-x0),
+      var(--md-sys-motion-easing-standard-accelerate-y0),
+      var(--md-sys-motion-easing-standard-accelerate-x1),
+      var(--md-sys-motion-easing-standard-accelerate-y1)
+    );
+    --md-sys-motion-easing-emphasized: cubic-bezier(
+      var(--md-sys-motion-easing-emphasized-x0),
+      var(--md-sys-motion-easing-emphasized-y0),
+      var(--md-sys-motion-easing-emphasized-x1),
+      var(--md-sys-motion-easing-emphasized-y1)
+    );
+    --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(
+      var(--md-sys-motion-easing-emphasized-decelerate-x0),
+      var(--md-sys-motion-easing-emphasized-decelerate-y0),
+      var(--md-sys-motion-easing-emphasized-decelerate-x1),
+      var(--md-sys-motion-easing-emphasized-decelerate-y1)
+    );
+    --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(
+      var(--md-sys-motion-easing-emphasized-accelerate-x0),
+      var(--md-sys-motion-easing-emphasized-accelerate-y0),
+      var(--md-sys-motion-easing-emphasized-accelerate-x1),
+      var(--md-sys-motion-easing-emphasized-accelerate-y1)
+    );
+    --md-sys-motion-easing-linear: cubic-bezier(
+      var(--md-sys-motion-easing-linear-x0),
+      var(--md-sys-motion-easing-linear-y0),
+      var(--md-sys-motion-easing-linear-x1),
+      var(--md-sys-motion-easing-linear-y1)
+    );
+    /* Duration bands, named per the Material 3 motion spec. */
+    --md-sys-motion-duration-short1: var(--md-sys-motion-duration-50);
+    --md-sys-motion-duration-short2: var(--md-sys-motion-duration-100);
+    --md-sys-motion-duration-short3: var(--md-sys-motion-duration-150);
+    --md-sys-motion-duration-short4: var(--md-sys-motion-duration-200);
+    --md-sys-motion-duration-medium1: var(--md-sys-motion-duration-250);
+    --md-sys-motion-duration-medium2: var(--md-sys-motion-duration-300);
+    --md-sys-motion-duration-medium3: var(--md-sys-motion-duration-350);
+    --md-sys-motion-duration-medium4: var(--md-sys-motion-duration-400);
+    --md-sys-motion-duration-long1: var(--md-sys-motion-duration-450);
+    --md-sys-motion-duration-long2: var(--md-sys-motion-duration-500);
+    --md-sys-motion-duration-long3: var(--md-sys-motion-duration-550);
+    --md-sys-motion-duration-long4: var(--md-sys-motion-duration-600);
+    --md-sys-motion-duration-extra-long1: var(--md-sys-motion-duration-700);
+    --md-sys-motion-duration-extra-long2: var(--md-sys-motion-duration-800);
+    --md-sys-motion-duration-extra-long3: var(--md-sys-motion-duration-900);
+    --md-sys-motion-duration-extra-long4: var(--md-sys-motion-duration-1000);
+
+    /* State tokens */
+    /* Dragged state layer opacity */
+    --md-sys-state-dragged-state-layer-opacity: 0.1599999964237213;
+    /* Pressed state layer opacity */
+    --md-sys-state-pressed-state-layer-opacity: 0.11999999731779099;
+    /* Focus state layer opacity */
+    --md-sys-state-focus-state-layer-opacity: 0.11999999731779099;
+    /* Hover state layer opacity */
+    --md-sys-state-hover-state-layer-opacity: 0.07999999821186066;
+    /*
+     * Disabled state layer and container opacity were missing from this
+     * vendored snapshot even though a dozen component recipes already
+     * referenced them with an inline `0.38` fallback; every reference
+     * silently used that literal instead of these tokens. 0.38 is the
+     * published Material 3 constant for both.
+     */
+    --md-sys-state-disabled-state-layer-opacity: 0.38;
+    --md-sys-state-disabled-container-opacity: 0.38;
+
+    /* Elevation tokens */
+    /* Surface tint color */
+    --md-sys-elevation-surface-tint-color: var(--md-sys-color-primary);
+    /* +5 */
+    --md-sys-elevation-level5-value: 12px;
+    --md-sys-elevation-level5-unit: 1px;
+    --md-sys-elevation-level5: 12px;
+    /* +4 */
+    --md-sys-elevation-level4-value: 8px;
+    --md-sys-elevation-level4-unit: 1px;
+    --md-sys-elevation-level4: 8px;
+    /* +3 */
+    --md-sys-elevation-level3-value: 6px;
+    --md-sys-elevation-level3-unit: 1px;
+    --md-sys-elevation-level3: 6px;
+    /* +2 */
+    --md-sys-elevation-level2-value: 3px;
+    --md-sys-elevation-level2-unit: 1px;
+    --md-sys-elevation-level2: 3px;
+    /* +1 */
+    --md-sys-elevation-level1-value: 1px;
+    --md-sys-elevation-level1-unit: 1px;
+    --md-sys-elevation-level1: 1px;
+    /* 0 */
+    --md-sys-elevation-level0-value: 0px;
+    --md-sys-elevation-level0-unit: 1px;
+    --md-sys-elevation-level0: 0px;
+
+    /* Light and dark system color tokens */
+    /* Surface tint */
+    --md-sys-color-surface-tint: var(--md-sys-color-primary);
+    /* Surface tint color */
+    --md-sys-color-surface-tint-color: var(--md-sys-color-primary);
+    /* On error container */
+    --md-sys-color-on-error-container: light-dark(
+      var(--md-ref-palette-error10),
+      var(--md-ref-palette-error80)
+    );
+    /* On error */
+    --md-sys-color-on-error: light-dark(
+      var(--md-ref-palette-error100),
+      var(--md-ref-palette-error20)
+    );
+    /* Error container */
+    --md-sys-color-error-container: light-dark(
+      var(--md-ref-palette-error90),
+      var(--md-ref-palette-error30)
+    );
+    /* On tertiary container */
+    --md-sys-color-on-tertiary-container: light-dark(
+      var(--md-ref-palette-tertiary10),
+      var(--md-ref-palette-tertiary90)
+    );
+    /* On tertiary */
+    --md-sys-color-on-tertiary: light-dark(
+      var(--md-ref-palette-tertiary100),
+      var(--md-ref-palette-tertiary20)
+    );
+    /* Tertiary container */
+    --md-sys-color-tertiary-container: light-dark(
+      var(--md-ref-palette-tertiary90),
+      var(--md-ref-palette-tertiary30)
+    );
+    /* Tertiary */
+    --md-sys-color-tertiary: light-dark(
+      var(--md-ref-palette-tertiary40),
+      var(--md-ref-palette-tertiary80)
+    );
+    /* Tertiary fixed — persistent color, same value in both themes */
+    --md-sys-color-tertiary-fixed: var(--md-ref-palette-tertiary90);
+    /* On tertiary fixed */
+    --md-sys-color-on-tertiary-fixed: var(--md-ref-palette-tertiary10);
+    /* Tertiary fixed dim */
+    --md-sys-color-tertiary-fixed-dim: var(--md-ref-palette-tertiary80);
+    /* On tertiary fixed variant */
+    --md-sys-color-on-tertiary-fixed-variant: var(--md-ref-palette-tertiary30);
+    /* Shadow */
+    --md-sys-color-shadow: var(--md-ref-palette-neutral0);
+    /* Scrim */
+    --md-sys-color-scrim: var(--md-ref-palette-neutral0);
+    /* Error */
+    --md-sys-color-error: light-dark(var(--md-ref-palette-error40), var(--md-ref-palette-error80));
+    /* Outline */
+    --md-sys-color-outline: light-dark(
+      var(--md-ref-palette-neutral-variant50),
+      var(--md-ref-palette-neutral-variant60)
+    );
+    /* Outline variant */
+    --md-sys-color-outline-variant: light-dark(
+      var(--md-ref-palette-neutral-variant80),
+      var(--md-ref-palette-neutral-variant30)
+    );
+    /* On background */
+    --md-sys-color-on-background: light-dark(
+      var(--md-ref-palette-neutral10),
+      var(--md-ref-palette-neutral90)
+    );
+    /* Background */
+    --md-sys-color-background: light-dark(
+      var(--md-ref-palette-neutral98),
+      var(--md-ref-palette-neutral6)
+    );
+    /* Inverse on surface */
+    --md-sys-color-inverse-on-surface: light-dark(
+      var(--md-ref-palette-neutral95),
+      var(--md-ref-palette-neutral20)
+    );
+    /* Inverse surface */
+    --md-sys-color-inverse-surface: light-dark(
+      var(--md-ref-palette-neutral20),
+      var(--md-ref-palette-neutral90)
+    );
+    /* On surface variant */
+    --md-sys-color-on-surface-variant: light-dark(
+      var(--md-ref-palette-neutral-variant30),
+      var(--md-ref-palette-neutral-variant80)
+    );
+    /* On surface */
+    --md-sys-color-on-surface: light-dark(
+      var(--md-ref-palette-neutral10),
+      var(--md-ref-palette-neutral90)
+    );
+    /* Surface Variant */
+    --md-sys-color-surface-variant: light-dark(
+      var(--md-ref-palette-neutral-variant90),
+      var(--md-ref-palette-neutral-variant30)
+    );
+    /* Surface dim */
+    --md-sys-color-surface-dim: light-dark(
+      var(--md-ref-palette-neutral87),
+      var(--md-ref-palette-neutral6)
+    );
+    /* Surface */
+    --md-sys-color-surface: light-dark(
+      var(--md-ref-palette-neutral98),
+      var(--md-ref-palette-neutral6)
+    );
+    /* Surface bright */
+    --md-sys-color-surface-bright: light-dark(
+      var(--md-ref-palette-neutral98),
+      var(--md-ref-palette-neutral24)
+    );
+    /* Surface container lowest (near-white / near-black) */
+    --md-sys-color-surface-container-lowest: light-dark(
+      var(--md-ref-palette-neutral100),
+      var(--md-ref-palette-neutral4)
+    );
+    /* Surface container low */
+    --md-sys-color-surface-container-low: light-dark(
+      var(--md-ref-palette-neutral96),
+      var(--md-ref-palette-neutral10)
+    );
+    /* Surface container — used for menus, sheets, and elevated surfaces */
+    --md-sys-color-surface-container: light-dark(
+      var(--md-ref-palette-neutral94),
+      var(--md-ref-palette-neutral12)
+    );
+    /* Surface container high */
+    --md-sys-color-surface-container-high: light-dark(
+      var(--md-ref-palette-neutral92),
+      var(--md-ref-palette-neutral17)
+    );
+    /* Surface container highest — used for text fields and chips */
+    --md-sys-color-surface-container-highest: light-dark(
+      var(--md-ref-palette-neutral90),
+      var(--md-ref-palette-neutral22)
+    );
+    /* On secondary container */
+    --md-sys-color-on-secondary-container: light-dark(
+      var(--md-ref-palette-secondary10),
+      var(--md-ref-palette-secondary90)
+    );
+    /* On secondary */
+    --md-sys-color-on-secondary: light-dark(
+      var(--md-ref-palette-secondary100),
+      var(--md-ref-palette-secondary20)
+    );
+    /* Secondary container */
+    --md-sys-color-secondary-container: light-dark(
+      var(--md-ref-palette-secondary90),
+      var(--md-ref-palette-secondary30)
+    );
+    /* Secondary */
+    --md-sys-color-secondary: light-dark(
+      var(--md-ref-palette-secondary40),
+      var(--md-ref-palette-secondary80)
+    );
+    /* Secondary fixed — persistent color, same value in both themes */
+    --md-sys-color-secondary-fixed: var(--md-ref-palette-secondary90);
+    /* On secondary fixed */
+    --md-sys-color-on-secondary-fixed: var(--md-ref-palette-secondary10);
+    /* Secondary fixed dim */
+    --md-sys-color-secondary-fixed-dim: var(--md-ref-palette-secondary80);
+    /* On secondary fixed variant */
+    --md-sys-color-on-secondary-fixed-variant: var(--md-ref-palette-secondary30);
+    /* Inverse primary */
+    --md-sys-color-inverse-primary: light-dark(
+      var(--md-ref-palette-primary80),
+      var(--md-ref-palette-primary40)
+    );
+    /* On primary container */
+    --md-sys-color-on-primary-container: light-dark(
+      var(--md-ref-palette-primary10),
+      var(--md-ref-palette-primary90)
+    );
+    /* On primary */
+    --md-sys-color-on-primary: light-dark(
+      var(--md-ref-palette-primary100),
+      var(--md-ref-palette-primary20)
+    );
+    /* Primary container */
+    --md-sys-color-primary-container: light-dark(
+      var(--md-ref-palette-primary90),
+      var(--md-ref-palette-primary30)
+    );
+    /* Primary */
+    --md-sys-color-primary: light-dark(
+      var(--md-ref-palette-primary40),
+      var(--md-ref-palette-primary80)
+    );
+    /* Primary fixed — persistent color, same value in both themes */
+    --md-sys-color-primary-fixed: var(--md-ref-palette-primary90);
+    /* On primary fixed */
+    --md-sys-color-on-primary-fixed: var(--md-ref-palette-primary10);
+    /* Primary fixed dim */
+    --md-sys-color-primary-fixed-dim: var(--md-ref-palette-primary80);
+    /* On primary fixed variant */
+    --md-sys-color-on-primary-fixed-variant: var(--md-ref-palette-primary30);
+  }
+
+  /*
+   * Forced-colors (Windows High Contrast) coverage for every role defined
+   * above. Deliberately collapses to a few tiers rather than one system
+   * color per role: forced-colors mode exists to strip semantic hue in
+   * favor of the user's chosen palette, so distinguishing e.g. tertiary
+   * from error by color here would work against that intent.
+   *   - True accent (primary and its container/fixed/inverse variants):
+   *     a Highlight fill with HighlightText content, everywhere.
+   *   - Secondary emphasis (secondary, tertiary, error, and each one's
+   *     container/fixed variants): styled as a plain control instead of
+   *     color-coded by family. The "plain" role in each triple (secondary,
+   *     tertiary, error) is also the one components use as a fill for
+   *     their own filled variant (see rc-button's danger/filled styling),
+   *     so it takes the fill/content pairing ButtonText fill with
+   *     ButtonFace content; the *-container/*-fixed roles are always
+   *     read as a soft background, so they get the inverse pairing:
+   *     ButtonFace fill with ButtonText content.
+   *   - Surfaces (background/surface and every container/dim/bright
+   *     tier, surface-variant): a Canvas fill with CanvasText content,
+   *     except surface-container-highest which stays Field (text
+   *     fields, chips).
+   *   - Borders: ButtonBorder.
+   * Elevation shadows are zeroed throughout, since tonal/shadow elevation
+   * isn't part of the forced-colors palette either.
+   */
+  @media (forced-colors: active) {
+    .rc-theme-material,
+    :host(.rc-theme-material) {
+      /* Accent tier */
+      --md-sys-color-primary: Highlight;
+      --md-sys-color-on-primary: HighlightText;
+      --md-sys-color-primary-container: Highlight;
+      --md-sys-color-on-primary-container: HighlightText;
+      --md-sys-color-primary-fixed: Highlight;
+      --md-sys-color-primary-fixed-dim: Highlight;
+      --md-sys-color-on-primary-fixed: HighlightText;
+      --md-sys-color-on-primary-fixed-variant: HighlightText;
+      --md-sys-color-inverse-primary: Canvas;
+
+      /* Secondary-emphasis tier: secondary, tertiary, and error all
+         styled as plain controls rather than color-coded */
+      --md-sys-color-secondary: ButtonText;
+      --md-sys-color-on-secondary: ButtonFace;
+      --md-sys-color-secondary-container: ButtonFace;
+      --md-sys-color-on-secondary-container: ButtonText;
+      --md-sys-color-secondary-fixed: ButtonFace;
+      --md-sys-color-secondary-fixed-dim: ButtonFace;
+      --md-sys-color-on-secondary-fixed: ButtonText;
+      --md-sys-color-on-secondary-fixed-variant: ButtonText;
+      --md-sys-color-tertiary: ButtonText;
+      --md-sys-color-on-tertiary: ButtonFace;
+      --md-sys-color-tertiary-container: ButtonFace;
+      --md-sys-color-on-tertiary-container: ButtonText;
+      --md-sys-color-tertiary-fixed: ButtonFace;
+      --md-sys-color-tertiary-fixed-dim: ButtonFace;
+      --md-sys-color-on-tertiary-fixed: ButtonText;
+      --md-sys-color-on-tertiary-fixed-variant: ButtonText;
+      --md-sys-color-error: ButtonText;
+      --md-sys-color-on-error: ButtonFace;
+      --md-sys-color-error-container: ButtonFace;
+      --md-sys-color-on-error-container: ButtonText;
+
+      /* Surface tier */
+      --md-sys-color-background: Canvas;
+      --md-sys-color-on-background: CanvasText;
+      --md-sys-color-surface: Canvas;
+      --md-sys-color-surface-variant: Canvas;
+      --md-sys-color-surface-dim: Canvas;
+      --md-sys-color-surface-bright: Canvas;
+      --md-sys-color-surface-container-lowest: Canvas;
+      --md-sys-color-surface-container-low: Canvas;
+      --md-sys-color-surface-container: Canvas;
+      --md-sys-color-surface-container-high: Canvas;
+      --md-sys-color-surface-container-highest: Field;
+      --md-sys-color-on-surface: CanvasText;
+      --md-sys-color-on-surface-variant: CanvasText;
+      --md-sys-color-inverse-surface: CanvasText;
+      --md-sys-color-inverse-on-surface: Canvas;
+
+      /* Borders */
+      --md-sys-color-outline: ButtonBorder;
+      --md-sys-color-outline-variant: ButtonBorder;
+
+      /* Elevation: shadows carry no meaning under forced colors */
+      --md-sys-elevation-level1: 0px;
+      --md-sys-elevation-level2: 0px;
+      --md-sys-elevation-level3: 0px;
+      --md-sys-elevation-level4: 0px;
+      --md-sys-elevation-level5: 0px;
+    }
+  }
+}