@materialwebunofficial/antigravity-themes 0.0.0-stage → 1.0.0

package/themes/md3e-tokens.css

@@ -0,0 +1,834 @@
+/* GENERATED by tools/build-md3e.mjs — do not edit.
+   Source: @materialwebunofficial/md3e-web 1.0.4 (Apache-2.0); see vendor/md3e/NOTICE.
+   319 non-color system tokens + dark and light "expressive" schemes (MCU 2025). */
+:root[data-agy-theme="md3e"] {
+  --md-sys-state-hover-opacity: 0.08;
+  --md-sys-state-focus-opacity: 0.1;
+  --md-sys-state-pressed-opacity: 0.1;
+  --md-sys-state-dragged-opacity: 0.16;
+  --md-sys-state-disabled-container-opacity: 0.12;
+  --md-sys-state-disabled-content-opacity: 0.38;
+  --md-sys-state-hover-state-layer-opacity: 0.08;
+  --md-sys-state-focus-state-layer-opacity: 0.10;
+  --md-sys-state-pressed-state-layer-opacity: 0.10;
+  --md-sys-state-dragged-state-layer-opacity: 0.16;
+  --md-sys-typescale-font-family: 'Roboto', 'Segoe UI Variable Text', 'Segoe UI', system-ui, sans-serif;
+  --md-sys-typescale-font-family-brand: var(--md-sys-typescale-font-family);
+  --md-sys-typescale-font-family-plain: var(--md-sys-typescale-font-family);
+  --md-sys-typescale-body-large-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-body-large-size: 16px;
+  --md-sys-typescale-body-large-weight: 400;
+  --md-sys-typescale-body-large-line-height: 24px;
+  --md-sys-typescale-body-large-tracking: 0.5px;
+  --md-sys-typescale-body-large: var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size)/var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-body-large-font);
+  --md-sys-typescale-body-medium-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-body-medium-size: 14px;
+  --md-sys-typescale-body-medium-weight: 400;
+  --md-sys-typescale-body-medium-line-height: 20px;
+  --md-sys-typescale-body-medium-tracking: 0.2px;
+  --md-sys-typescale-body-medium: var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size)/var(--md-sys-typescale-body-medium-line-height) var(--md-sys-typescale-body-medium-font);
+  --md-sys-typescale-body-small-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-body-small-size: 12px;
+  --md-sys-typescale-body-small-weight: 400;
+  --md-sys-typescale-body-small-line-height: 16px;
+  --md-sys-typescale-body-small-tracking: 0.4px;
+  --md-sys-typescale-body-small: var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size)/var(--md-sys-typescale-body-small-line-height) var(--md-sys-typescale-body-small-font);
+  --md-sys-typescale-display-large-font: var(--md-sys-typescale-font-family-brand);
+  --md-sys-typescale-display-large-size: 57px;
+  --md-sys-typescale-display-large-weight: 400;
+  --md-sys-typescale-display-large-line-height: 64px;
+  --md-sys-typescale-display-large-tracking: -0.2px;
+  --md-sys-typescale-display-large: var(--md-sys-typescale-display-large-weight) var(--md-sys-typescale-display-large-size)/var(--md-sys-typescale-display-large-line-height) var(--md-sys-typescale-display-large-font);
+  --md-sys-typescale-display-medium-font: var(--md-sys-typescale-font-family-brand);
+  --md-sys-typescale-display-medium-size: 45px;
+  --md-sys-typescale-display-medium-weight: 400;
+  --md-sys-typescale-display-medium-line-height: 52px;
+  --md-sys-typescale-display-medium-tracking: 0px;
+  --md-sys-typescale-display-medium: var(--md-sys-typescale-display-medium-weight) var(--md-sys-typescale-display-medium-size)/var(--md-sys-typescale-display-medium-line-height) var(--md-sys-typescale-display-medium-font);
+  --md-sys-typescale-display-small-font: var(--md-sys-typescale-font-family-brand);
+  --md-sys-typescale-display-small-size: 36px;
+  --md-sys-typescale-display-small-weight: 400;
+  --md-sys-typescale-display-small-line-height: 44px;
+  --md-sys-typescale-display-small-tracking: 0px;
+  --md-sys-typescale-display-small: var(--md-sys-typescale-display-small-weight) var(--md-sys-typescale-display-small-size)/var(--md-sys-typescale-display-small-line-height) var(--md-sys-typescale-display-small-font);
+  --md-sys-typescale-headline-large-font: var(--md-sys-typescale-font-family-brand);
+  --md-sys-typescale-headline-large-size: 32px;
+  --md-sys-typescale-headline-large-weight: 400;
+  --md-sys-typescale-headline-large-line-height: 40px;
+  --md-sys-typescale-headline-large-tracking: 0px;
+  --md-sys-typescale-headline-large: var(--md-sys-typescale-headline-large-weight) var(--md-sys-typescale-headline-large-size)/var(--md-sys-typescale-headline-large-line-height) var(--md-sys-typescale-headline-large-font);
+  --md-sys-typescale-headline-medium-font: var(--md-sys-typescale-font-family-brand);
+  --md-sys-typescale-headline-medium-size: 28px;
+  --md-sys-typescale-headline-medium-weight: 400;
+  --md-sys-typescale-headline-medium-line-height: 36px;
+  --md-sys-typescale-headline-medium-tracking: 0px;
+  --md-sys-typescale-headline-medium: var(--md-sys-typescale-headline-medium-weight) var(--md-sys-typescale-headline-medium-size)/var(--md-sys-typescale-headline-medium-line-height) var(--md-sys-typescale-headline-medium-font);
+  --md-sys-typescale-headline-small-font: var(--md-sys-typescale-font-family-brand);
+  --md-sys-typescale-headline-small-size: 24px;
+  --md-sys-typescale-headline-small-weight: 400;
+  --md-sys-typescale-headline-small-line-height: 32px;
+  --md-sys-typescale-headline-small-tracking: 0px;
+  --md-sys-typescale-headline-small: var(--md-sys-typescale-headline-small-weight) var(--md-sys-typescale-headline-small-size)/var(--md-sys-typescale-headline-small-line-height) var(--md-sys-typescale-headline-small-font);
+  --md-sys-typescale-label-large-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-label-large-size: 14px;
+  --md-sys-typescale-label-large-weight: 500;
+  --md-sys-typescale-label-large-line-height: 20px;
+  --md-sys-typescale-label-large-tracking: 0.1px;
+  --md-sys-typescale-label-large: var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);
+  --md-sys-typescale-label-medium-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-label-medium-size: 12px;
+  --md-sys-typescale-label-medium-weight: 500;
+  --md-sys-typescale-label-medium-line-height: 16px;
+  --md-sys-typescale-label-medium-tracking: 0.5px;
+  --md-sys-typescale-label-medium: var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size)/var(--md-sys-typescale-label-medium-line-height) var(--md-sys-typescale-label-medium-font);
+  --md-sys-typescale-label-small-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-label-small-size: 11px;
+  --md-sys-typescale-label-small-weight: 500;
+  --md-sys-typescale-label-small-line-height: 16px;
+  --md-sys-typescale-label-small-tracking: 0.5px;
+  --md-sys-typescale-label-small: var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size)/var(--md-sys-typescale-label-small-line-height) var(--md-sys-typescale-label-small-font);
+  --md-sys-typescale-title-large-font: var(--md-sys-typescale-font-family-brand);
+  --md-sys-typescale-title-large-size: 22px;
+  --md-sys-typescale-title-large-weight: 400;
+  --md-sys-typescale-title-large-line-height: 28px;
+  --md-sys-typescale-title-large-tracking: 0px;
+  --md-sys-typescale-title-large: var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size)/var(--md-sys-typescale-title-large-line-height) var(--md-sys-typescale-title-large-font);
+  --md-sys-typescale-title-medium-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-title-medium-size: 16px;
+  --md-sys-typescale-title-medium-weight: 500;
+  --md-sys-typescale-title-medium-line-height: 24px;
+  --md-sys-typescale-title-medium-tracking: 0.2px;
+  --md-sys-typescale-title-medium: var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size)/var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-title-medium-font);
+  --md-sys-typescale-title-small-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-title-small-size: 14px;
+  --md-sys-typescale-title-small-weight: 500;
+  --md-sys-typescale-title-small-line-height: 20px;
+  --md-sys-typescale-title-small-tracking: 0.1px;
+  --md-sys-typescale-title-small: var(--md-sys-typescale-title-small-weight) var(--md-sys-typescale-title-small-size)/var(--md-sys-typescale-title-small-line-height) var(--md-sys-typescale-title-small-font);
+  --md-sys-typescale-body-large-emphasized-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-body-large-emphasized-size: 16px;
+  --md-sys-typescale-body-large-emphasized-weight: 500;
+  --md-sys-typescale-body-large-emphasized-line-height: 24px;
+  --md-sys-typescale-body-large-emphasized-tracking: 0.15px;
+  --md-sys-typescale-body-large-emphasized: var(--md-sys-typescale-body-large-emphasized-weight) var(--md-sys-typescale-body-large-emphasized-size)/var(--md-sys-typescale-body-large-emphasized-line-height) var(--md-sys-typescale-body-large-emphasized-font);
+  --md-sys-typescale-body-medium-emphasized-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-body-medium-emphasized-size: 14px;
+  --md-sys-typescale-body-medium-emphasized-weight: 500;
+  --md-sys-typescale-body-medium-emphasized-line-height: 20px;
+  --md-sys-typescale-body-medium-emphasized-tracking: 0.25px;
+  --md-sys-typescale-body-medium-emphasized: var(--md-sys-typescale-body-medium-emphasized-weight) var(--md-sys-typescale-body-medium-emphasized-size)/var(--md-sys-typescale-body-medium-emphasized-line-height) var(--md-sys-typescale-body-medium-emphasized-font);
+  --md-sys-typescale-body-small-emphasized-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-body-small-emphasized-size: 12px;
+  --md-sys-typescale-body-small-emphasized-weight: 500;
+  --md-sys-typescale-body-small-emphasized-line-height: 16px;
+  --md-sys-typescale-body-small-emphasized-tracking: 0.4px;
+  --md-sys-typescale-body-small-emphasized: var(--md-sys-typescale-body-small-emphasized-weight) var(--md-sys-typescale-body-small-emphasized-size)/var(--md-sys-typescale-body-small-emphasized-line-height) var(--md-sys-typescale-body-small-emphasized-font);
+  --md-sys-typescale-display-large-emphasized-font: var(--md-sys-typescale-font-family-brand);
+  --md-sys-typescale-display-large-emphasized-size: 57px;
+  --md-sys-typescale-display-large-emphasized-weight: 500;
+  --md-sys-typescale-display-large-emphasized-line-height: 64px;
+  --md-sys-typescale-display-large-emphasized-tracking: 0px;
+  --md-sys-typescale-display-large-emphasized: var(--md-sys-typescale-display-large-emphasized-weight) var(--md-sys-typescale-display-large-emphasized-size)/var(--md-sys-typescale-display-large-emphasized-line-height) var(--md-sys-typescale-display-large-emphasized-font);
+  --md-sys-typescale-display-medium-emphasized-font: var(--md-sys-typescale-font-family-brand);
+  --md-sys-typescale-display-medium-emphasized-size: 45px;
+  --md-sys-typescale-display-medium-emphasized-weight: 500;
+  --md-sys-typescale-display-medium-emphasized-line-height: 52px;
+  --md-sys-typescale-display-medium-emphasized-tracking: 0px;
+  --md-sys-typescale-display-medium-emphasized: var(--md-sys-typescale-display-medium-emphasized-weight) var(--md-sys-typescale-display-medium-emphasized-size)/var(--md-sys-typescale-display-medium-emphasized-line-height) var(--md-sys-typescale-display-medium-emphasized-font);
+  --md-sys-typescale-display-small-emphasized-font: var(--md-sys-typescale-font-family-brand);
+  --md-sys-typescale-display-small-emphasized-size: 36px;
+  --md-sys-typescale-display-small-emphasized-weight: 500;
+  --md-sys-typescale-display-small-emphasized-line-height: 44px;
+  --md-sys-typescale-display-small-emphasized-tracking: 0px;
+  --md-sys-typescale-display-small-emphasized: var(--md-sys-typescale-display-small-emphasized-weight) var(--md-sys-typescale-display-small-emphasized-size)/var(--md-sys-typescale-display-small-emphasized-line-height) var(--md-sys-typescale-display-small-emphasized-font);
+  --md-sys-typescale-headline-large-emphasized-font: var(--md-sys-typescale-font-family-brand);
+  --md-sys-typescale-headline-large-emphasized-size: 32px;
+  --md-sys-typescale-headline-large-emphasized-weight: 500;
+  --md-sys-typescale-headline-large-emphasized-line-height: 40px;
+  --md-sys-typescale-headline-large-emphasized-tracking: 0px;
+  --md-sys-typescale-headline-large-emphasized: var(--md-sys-typescale-headline-large-emphasized-weight) var(--md-sys-typescale-headline-large-emphasized-size)/var(--md-sys-typescale-headline-large-emphasized-line-height) var(--md-sys-typescale-headline-large-emphasized-font);
+  --md-sys-typescale-headline-medium-emphasized-font: var(--md-sys-typescale-font-family-brand);
+  --md-sys-typescale-headline-medium-emphasized-size: 28px;
+  --md-sys-typescale-headline-medium-emphasized-weight: 500;
+  --md-sys-typescale-headline-medium-emphasized-line-height: 36px;
+  --md-sys-typescale-headline-medium-emphasized-tracking: 0px;
+  --md-sys-typescale-headline-medium-emphasized: var(--md-sys-typescale-headline-medium-emphasized-weight) var(--md-sys-typescale-headline-medium-emphasized-size)/var(--md-sys-typescale-headline-medium-emphasized-line-height) var(--md-sys-typescale-headline-medium-emphasized-font);
+  --md-sys-typescale-headline-small-emphasized-font: var(--md-sys-typescale-font-family-brand);
+  --md-sys-typescale-headline-small-emphasized-size: 24px;
+  --md-sys-typescale-headline-small-emphasized-weight: 500;
+  --md-sys-typescale-headline-small-emphasized-line-height: 32px;
+  --md-sys-typescale-headline-small-emphasized-tracking: 0px;
+  --md-sys-typescale-headline-small-emphasized: var(--md-sys-typescale-headline-small-emphasized-weight) var(--md-sys-typescale-headline-small-emphasized-size)/var(--md-sys-typescale-headline-small-emphasized-line-height) var(--md-sys-typescale-headline-small-emphasized-font);
+  --md-sys-typescale-label-large-emphasized-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-label-large-emphasized-size: 14px;
+  --md-sys-typescale-label-large-emphasized-weight: 700;
+  --md-sys-typescale-label-large-emphasized-line-height: 20px;
+  --md-sys-typescale-label-large-emphasized-tracking: 0.1px;
+  --md-sys-typescale-label-large-emphasized: var(--md-sys-typescale-label-large-emphasized-weight) var(--md-sys-typescale-label-large-emphasized-size)/var(--md-sys-typescale-label-large-emphasized-line-height) var(--md-sys-typescale-label-large-emphasized-font);
+  --md-sys-typescale-label-medium-emphasized-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-label-medium-emphasized-size: 12px;
+  --md-sys-typescale-label-medium-emphasized-weight: 700;
+  --md-sys-typescale-label-medium-emphasized-line-height: 16px;
+  --md-sys-typescale-label-medium-emphasized-tracking: 0.5px;
+  --md-sys-typescale-label-medium-emphasized: var(--md-sys-typescale-label-medium-emphasized-weight) var(--md-sys-typescale-label-medium-emphasized-size)/var(--md-sys-typescale-label-medium-emphasized-line-height) var(--md-sys-typescale-label-medium-emphasized-font);
+  --md-sys-typescale-label-small-emphasized-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-label-small-emphasized-size: 11px;
+  --md-sys-typescale-label-small-emphasized-weight: 700;
+  --md-sys-typescale-label-small-emphasized-line-height: 16px;
+  --md-sys-typescale-label-small-emphasized-tracking: 0.5px;
+  --md-sys-typescale-label-small-emphasized: var(--md-sys-typescale-label-small-emphasized-weight) var(--md-sys-typescale-label-small-emphasized-size)/var(--md-sys-typescale-label-small-emphasized-line-height) var(--md-sys-typescale-label-small-emphasized-font);
+  --md-sys-typescale-title-large-emphasized-font: var(--md-sys-typescale-font-family-brand);
+  --md-sys-typescale-title-large-emphasized-size: 22px;
+  --md-sys-typescale-title-large-emphasized-weight: 500;
+  --md-sys-typescale-title-large-emphasized-line-height: 28px;
+  --md-sys-typescale-title-large-emphasized-tracking: 0px;
+  --md-sys-typescale-title-large-emphasized: var(--md-sys-typescale-title-large-emphasized-weight) var(--md-sys-typescale-title-large-emphasized-size)/var(--md-sys-typescale-title-large-emphasized-line-height) var(--md-sys-typescale-title-large-emphasized-font);
+  --md-sys-typescale-title-medium-emphasized-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-title-medium-emphasized-size: 16px;
+  --md-sys-typescale-title-medium-emphasized-weight: 700;
+  --md-sys-typescale-title-medium-emphasized-line-height: 24px;
+  --md-sys-typescale-title-medium-emphasized-tracking: 0.15px;
+  --md-sys-typescale-title-medium-emphasized: var(--md-sys-typescale-title-medium-emphasized-weight) var(--md-sys-typescale-title-medium-emphasized-size)/var(--md-sys-typescale-title-medium-emphasized-line-height) var(--md-sys-typescale-title-medium-emphasized-font);
+  --md-sys-typescale-title-small-emphasized-font: var(--md-sys-typescale-font-family-plain);
+  --md-sys-typescale-title-small-emphasized-size: 14px;
+  --md-sys-typescale-title-small-emphasized-weight: 700;
+  --md-sys-typescale-title-small-emphasized-line-height: 20px;
+  --md-sys-typescale-title-small-emphasized-tracking: 0.1px;
+  --md-sys-typescale-title-small-emphasized: var(--md-sys-typescale-title-small-emphasized-weight) var(--md-sys-typescale-title-small-emphasized-size)/var(--md-sys-typescale-title-small-emphasized-line-height) var(--md-sys-typescale-title-small-emphasized-font);
+  --md-sys-shape-corner-none: 0px;
+  --md-sys-shape-corner-extra-small: 4px;
+  --md-sys-shape-corner-extra-small-top: 4px 4px 0px 0px;
+  --md-sys-shape-corner-small: 8px;
+  --md-sys-shape-corner-small-top: 8px 8px 0px 0px;
+  --md-sys-shape-corner-medium: 12px;
+  --md-sys-shape-corner-medium-top: 12px 12px 0px 0px;
+  --md-sys-shape-corner-large: 16px;
+  --md-sys-shape-corner-large-increased: 20px;
+  --md-sys-shape-corner-large-top: 16px 16px 0px 0px;
+  --md-sys-shape-corner-large-end: 0px 16px 16px 0px;
+  --md-sys-shape-corner-large-start: 16px 0px 0px 16px;
+  --md-sys-shape-corner-extra-large: 28px;
+  --md-sys-shape-corner-extra-large-increased: 32px;
+  --md-sys-shape-corner-extra-large-top: 28px 28px 0px 0px;
+  --md-sys-shape-corner-extra-extra-large: 48px;
+  --md-sys-shape-corner-full: 9999px;
+  --md-sys-shape-expressive-asymmetric-1: 28px 8px 28px 8px;
+  --md-sys-shape-expressive-asymmetric-2: 8px 28px 8px 28px;
+  --md-sys-shape-expressive-asymmetric-3: 36px 12px 12px 36px;
+  --md-sys-shape-expressive-asymmetric-4: 12px 36px 36px 12px;
+  --md-sys-shape-expressive-fab-default: 16px;
+  --md-sys-shape-expressive-fab-hover: 16px;
+  --md-sys-shape-expressive-fab-pressed: 16px;
+  --md-sys-shape-expressive-button-default: 9999px;
+  --md-sys-shape-expressive-button-pressed: 8px;
+  --md-sys-shape-expressive-card-default: 12px;
+  --md-sys-shape-expressive-card-hover: 12px;
+  --md-sys-shape-expressive-chip-default: 8px;
+  --md-sys-shape-expressive-chip-selected: 8px;
+  --md-sys-shape-mask-clover: path('M 50,0 C 70,0 80,10 80,30 C 80,45 100,50 100,50 C 100,50 80,55 80,70 C 80,90 70,100 50,100 C 30,100 20,90 20,70 C 20,55 0,50 0,50 C 0,50 20,45 20,30 C 20,10 30,0 50,0 Z');
+  --md-sys-shape-mask-scallop: path('M 0,20 Q 20,0 40,20 Q 60,40 80,20 Q 100,0 100,20 Q 100,40 100,60 Q 100,80 100,100 Q 80,100 60,100 Q 40,100 20,100 Q 0,100 0,80 Z');
+  --md-sys-shape-mask-star-4: polygon(50% 0%, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0% 50%, 35% 35%);
+  --md-sys-shape-mask-burst: polygon(50% 0%, 63% 18%, 85% 9%, 81% 33%, 100% 50%, 81% 67%, 85% 91%, 63% 82%, 50% 100%, 37% 82%, 15% 91%, 19% 67%, 0% 50%, 19% 33%, 15% 9%, 37% 18%);
+  --md-sys-spacing-0: 0px;
+  --md-sys-spacing-1: 4px;
+  --md-sys-spacing-2: 8px;
+  --md-sys-spacing-3: 12px;
+  --md-sys-spacing-4: 16px;
+  --md-sys-spacing-5: 20px;
+  --md-sys-spacing-6: 24px;
+  --md-sys-spacing-8: 32px;
+  --md-sys-spacing-10: 40px;
+  --md-sys-spacing-12: 48px;
+  --md-sys-spacing-14: 56px;
+  --md-sys-spacing-16: 64px;
+  --md-sys-elevation-level0: none;
+  --md-sys-elevation-level1: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
+  --md-sys-elevation-level2: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
+  --md-sys-elevation-level3: 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
+  --md-sys-elevation-level4: 0px 2px 3px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15);
+  --md-sys-elevation-level5: 0px 4px 4px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15);
+  --md-sys-elevation-level-0: none;
+  --md-sys-elevation-level-1: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
+  --md-sys-elevation-level-2: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
+  --md-sys-elevation-level-3: 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
+  --md-sys-elevation-level-4: 0px 2px 3px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15);
+  --md-sys-elevation-level-5: 0px 4px 4px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15);
+  --md-sys-motion-scheme: 'expressive';
+  --md-sys-motion-expressive-spatial-slow-damping: 0.8;
+  --md-sys-motion-expressive-spatial-slow-stiffness: 200;
+  --md-sys-motion-spatial-slow-duration: 725ms;
+  --md-sys-motion-spatial-slow-easing: linear(0, 0.00652, 0.02448, 0.05169, 0.08621, 0.12635, 0.17064, 0.21781, 0.26676, 0.31657, 0.36645, 0.41578, 0.46402, 0.51074, 0.55562, 0.5984, 0.63891, 0.67703, 0.71268, 0.74583, 0.7765, 0.80472, 0.83057, 0.85411, 0.87546, 0.89471, 0.91198, 0.9274, 0.94108, 0.95316, 0.96376, 0.97299, 0.98098, 0.98783, 0.99366, 0.99857, 1.00266, 1.006, 1.0087, 1.01082, 1.01245, 1.01363, 1.01444, 1.01493, 1.01514, 1.01513, 1.01493, 1.01457, 1.01409, 1.01352, 1.01287, 1.01217, 1.01144, 1.01069, 1.00993, 1.00918, 1.00844, 1.00772, 1.00703, 1.00636, 1.00573, 1.00514, 1.00458, 1.00407, 1.00358, 1.00314, 1.00273, 1.00236, 1.00202, 1.00172, 1.00144, 1.0012, 1.00098, 1.00079, 1.00062, 1.00047, 1.00034, 1.00023, 1.00013, 1.00005, 0.99998, 0.99993, 0.99988, 0.99985, 0.99982, 0.9998, 0.99979, 1);
+  --md-sys-motion-expressive-spatial-medium-damping: 0.8;
+  --md-sys-motion-expressive-spatial-medium-stiffness: 380;
+  --md-sys-motion-spatial-medium-duration: 533ms;
+  --md-sys-motion-spatial-medium-easing: linear(0, 0.0121, 0.04433, 0.09135, 0.14867, 0.21261, 0.28018, 0.34897, 0.41711, 0.48317, 0.5461, 0.60514, 0.65983, 0.70989, 0.75522, 0.79585, 0.83191, 0.86362, 0.89123, 0.91504, 0.93538, 0.95255, 0.9669, 0.97873, 0.98835, 0.99603, 1.00205, 1.00664, 1.01003, 1.01241, 1.01396, 1.01483, 1.01515, 1.01505, 1.01463, 1.01396, 1.01312, 1.01217, 1.01116, 1.01011, 1.00908, 1.00807, 1.0071, 1.00619, 1.00534, 1.00457, 1.00387, 1.00323, 1.00267, 1.00217, 1.00174, 1.00137, 1.00105, 1.00078, 1.00055, 1.00036, 1.00021, 1.00008, 0.99999, 0.99991, 0.99986, 0.99982, 0.99979, 0.99978, 1);
+  --md-sys-motion-expressive-spatial-fast-damping: 0.6;
+  --md-sys-motion-expressive-spatial-fast-stiffness: 800;
+  --md-sys-motion-spatial-fast-duration: 417ms;
+  --md-sys-motion-spatial-fast-easing: linear(0, 0.02522, 0.09118, 0.18466, 0.29439, 0.41107, 0.52737, 0.63778, 0.73844, 0.8269, 0.9019, 0.96316, 1.01109, 1.04668, 1.07126, 1.08635, 1.09356, 1.09449, 1.09064, 1.08337, 1.07388, 1.06316, 1.05205, 1.04116, 1.03098, 1.02181, 1.01385, 1.00718, 1.00181, 0.99768, 0.99468, 0.99267, 0.99151, 0.99104, 0.99112, 0.99161, 0.99239, 0.99333, 0.99437, 0.99542, 0.99644, 0.99737, 0.9982, 0.99892, 0.99951, 0.99997, 1.00033, 1.00058, 1.00074, 1.00083, 1);
+  --md-sys-motion-expressive-effect-slow-damping: 1;
+  --md-sys-motion-expressive-effect-slow-stiffness: 800;
+  --md-sys-motion-effect-slow-duration: 458ms;
+  --md-sys-motion-effect-slow-easing: linear(0, 0.02378, 0.08166, 0.15828, 0.24321, 0.32959, 0.41306, 0.49104, 0.56215, 0.62584, 0.68208, 0.73121, 0.77372, 0.81023, 0.84138, 0.86782, 0.89015, 0.90893, 0.92467, 0.93781, 0.94875, 0.95784, 0.96538, 0.97161, 0.97674, 0.98098, 0.98446, 0.98732, 0.98966, 0.99158, 0.99315, 0.99443, 0.99547, 0.99632, 0.99702, 0.99758, 0.99804, 0.99841, 0.99872, 0.99896, 0.99916, 0.99932, 0.99945, 0.99956, 0.99964, 0.99971, 0.99977, 0.99981, 0.99985, 0.99988, 0.9999, 0.99992, 0.99994, 0.99995, 0.99996, 1);
+  --md-sys-motion-expressive-effect-medium-damping: 1;
+  --md-sys-motion-expressive-effect-medium-stiffness: 1600;
+  --md-sys-motion-effect-medium-duration: 333ms;
+  --md-sys-motion-effect-medium-easing: linear(0, 0.04462, 0.1443, 0.26424, 0.38494, 0.49633, 0.59399, 0.67676, 0.74523, 0.80085, 0.84541, 0.88071, 0.90842, 0.93001, 0.94671, 0.95957, 0.96942, 0.97694, 0.98265, 0.98698, 0.99024, 0.9927, 0.99456, 0.99594, 0.99698, 0.99776, 0.99834, 0.99877, 0.99909, 0.99932, 0.9995, 0.99963, 0.99973, 0.9998, 0.99985, 0.99989, 0.99992, 0.99994, 0.99996, 0.99997, 1);
+  --md-sys-motion-expressive-effect-fast-damping: 1;
+  --md-sys-motion-expressive-effect-fast-stiffness: 3800;
+  --md-sys-motion-effect-fast-duration: 225ms;
+  --md-sys-motion-effect-fast-easing: linear(0, 0.09439, 0.27432, 0.45584, 0.60862, 0.72647, 0.8128, 0.87391, 0.91613, 0.94478, 0.96394, 0.97662, 0.98493, 0.99034, 0.99383, 0.99608, 0.99752, 0.99843, 0.99901, 0.99938, 0.99961, 0.99976, 0.99985, 0.99991, 0.99994, 0.99996, 0.99998, 1);
+  --md-sys-motion-easing-spatial-active: var(--md-sys-motion-spatial-medium-easing);
+  --md-sys-motion-easing-fast-active: var(--md-sys-motion-spatial-fast-easing);
+  --md-sys-motion-easing-effects-active: var(--md-sys-motion-effect-medium-easing);
+  --md-sys-motion-easing-expressive-spatial: var(--md-sys-motion-spatial-medium-easing);
+  --md-sys-motion-easing-expressive-fast: var(--md-sys-motion-spatial-fast-easing);
+  --md-sys-motion-easing-expressive-effects: var(--md-sys-motion-effect-medium-easing);
+  --md-sys-motion-duration-expressive-spring: var(--md-sys-motion-spatial-medium-duration);
+  --md-sys-motion-duration-short1: 50ms;
+  --md-sys-motion-duration-short-1: var(--md-sys-motion-duration-short1);
+  --md-sys-motion-duration-short2: 100ms;
+  --md-sys-motion-duration-short-2: var(--md-sys-motion-duration-short2);
+  --md-sys-motion-duration-short3: 150ms;
+  --md-sys-motion-duration-short-3: var(--md-sys-motion-duration-short3);
+  --md-sys-motion-duration-short4: 200ms;
+  --md-sys-motion-duration-short-4: var(--md-sys-motion-duration-short4);
+  --md-sys-motion-duration-medium1: 250ms;
+  --md-sys-motion-duration-medium-1: var(--md-sys-motion-duration-medium1);
+  --md-sys-motion-duration-medium2: 300ms;
+  --md-sys-motion-duration-medium-2: var(--md-sys-motion-duration-medium2);
+  --md-sys-motion-duration-medium3: 350ms;
+  --md-sys-motion-duration-medium-3: var(--md-sys-motion-duration-medium3);
+  --md-sys-motion-duration-medium4: 400ms;
+  --md-sys-motion-duration-medium-4: var(--md-sys-motion-duration-medium4);
+  --md-sys-motion-duration-long1: 450ms;
+  --md-sys-motion-duration-long-1: var(--md-sys-motion-duration-long1);
+  --md-sys-motion-duration-long2: 500ms;
+  --md-sys-motion-duration-long-2: var(--md-sys-motion-duration-long2);
+  --md-sys-motion-duration-long3: 550ms;
+  --md-sys-motion-duration-long-3: var(--md-sys-motion-duration-long3);
+  --md-sys-motion-duration-long4: 600ms;
+  --md-sys-motion-duration-long-4: var(--md-sys-motion-duration-long4);
+  --md-sys-motion-duration-extra-long1: 700ms;
+  --md-sys-motion-duration-extra-long-1: var(--md-sys-motion-duration-extra-long1);
+  --md-sys-motion-duration-extra-long2: 800ms;
+  --md-sys-motion-duration-extra-long-2: var(--md-sys-motion-duration-extra-long2);
+  --md-sys-motion-duration-extra-long3: 900ms;
+  --md-sys-motion-duration-extra-long-3: var(--md-sys-motion-duration-extra-long3);
+  --md-sys-motion-duration-extra-long4: 1000ms;
+  --md-sys-motion-duration-extra-long-4: var(--md-sys-motion-duration-extra-long4);
+  --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
+  --md-sys-motion-easing-emphasized: linear(0, 0.001, 0.007, 0.02, 0.043, 0.079, 0.138, 0.246, 0.442, 0.611, 0.723, 0.8, 0.858, 0.9, 0.932, 0.956, 0.973, 0.986, 0.994, 0.999, 1);
+  --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
+  --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
+  /* seed: Teal #006A6A */
+  --md-sys-color-primary: #e2fffe;
+  --md-sys-color-on-primary: #006a6a;
+  --md-sys-color-primary-container: #a5faf9;
+  --md-sys-color-on-primary-container: #006161;
+  --md-sys-color-inverse-primary: #006a6a;
+  --md-sys-color-secondary: #d2c6a1;
+  --md-sys-color-on-secondary: #474024;
+  --md-sys-color-secondary-container: #2c250c;
+  --md-sys-color-on-secondary-container: #afa381;
+  --md-sys-color-tertiary: #ffe399;
+  --md-sys-color-on-tertiary: #675100;
+  --md-sys-color-tertiary-container: #fcd357;
+  --md-sys-color-on-tertiary-container: #5d4800;
+  --md-sys-color-error: #ff716c;
+  --md-sys-color-on-error: #490006;
+  --md-sys-color-error-container: #8a1a1e;
+  --md-sys-color-on-error-container: #ff9993;
+  --md-sys-color-background: #001113;
+  --md-sys-color-on-background: #c3edf3;
+  --md-sys-color-surface: #001113;
+  --md-sys-color-on-surface: #c3edf3;
+  --md-sys-color-surface-variant: #002b2f;
+  --md-sys-color-on-surface-variant: #89b2b8;
+  --md-sys-color-surface-dim: #001113;
+  --md-sys-color-surface-bright: #003236;
+  --md-sys-color-surface-container-lowest: #000000;
+  --md-sys-color-surface-container-low: #001719;
+  --md-sys-color-surface-container: #001d21;
+  --md-sys-color-surface-container-high: #002428;
+  --md-sys-color-surface-container-highest: #002b2f;
+  --md-sys-color-inverse-surface: #ebfdff;
+  --md-sys-color-inverse-on-surface: #44595b;
+  --md-sys-color-outline: #547c81;
+  --md-sys-color-outline-variant: #254e53;
+  --md-sys-color-shadow: #000000;
+  --md-sys-color-scrim: #000000;
+  --md-sys-color-surface-tint: #e2fffe;
+  --md-sys-color-primary-fixed: #96ebea;
+  --md-sys-color-primary-fixed-dim: #88dddc;
+  --md-sys-color-on-primary-fixed: #004343;
+  --md-sys-color-on-primary-fixed-variant: #006262;
+  --md-sys-color-secondary-fixed: #fbedc6;
+  --md-sys-color-secondary-fixed-dim: #ecdfb9;
+  --md-sys-color-on-secondary-fixed: #4e462a;
+  --md-sys-color-on-secondary-fixed-variant: #6b6244;
+  --md-sys-color-tertiary-fixed: #fcd357;
+  --md-sys-color-tertiary-fixed-dim: #edc54b;
+  --md-sys-color-on-tertiary-fixed: #463600;
+  --md-sys-color-on-tertiary-fixed-variant: #685200;
+}
+:root[data-agy-theme="md3e"][data-agy-seed="ocean"] { /* Ocean #00639B */
+  --md-sys-color-primary: #b8dbff;
+  --md-sys-color-on-primary: #154e77;
+  --md-sys-color-primary-container: #9ecefe;
+  --md-sys-color-on-primary-container: #04456e;
+  --md-sys-color-inverse-primary: #30638d;
+  --md-sys-color-secondary: #debece;
+  --md-sys-color-on-secondary: #503947;
+  --md-sys-color-secondary-container: #34202c;
+  --md-sys-color-on-secondary-container: #b99cab;
+  --md-sys-color-tertiary: #ffafd7;
+  --md-sys-color-on-tertiary: #6f2251;
+  --md-sys-color-tertiary-container: #fd9ace;
+  --md-sys-color-on-tertiary-container: #631847;
+  --md-sys-color-error: #ff716c;
+  --md-sys-color-on-error: #490006;
+  --md-sys-color-error-container: #8a1a1e;
+  --md-sys-color-on-error-container: #ff9993;
+  --md-sys-color-background: #060f1b;
+  --md-sys-color-on-background: #d9e6ff;
+  --md-sys-color-surface: #060f1b;
+  --md-sys-color-on-surface: #d9e6ff;
+  --md-sys-color-surface-variant: #14263e;
+  --md-sys-color-on-surface-variant: #9aacca;
+  --md-sys-color-surface-dim: #060f1b;
+  --md-sys-color-surface-bright: #182d48;
+  --md-sys-color-surface-container-lowest: #000000;
+  --md-sys-color-surface-container-low: #081423;
+  --md-sys-color-surface-container: #0c1a2c;
+  --md-sys-color-surface-container-high: #102035;
+  --md-sys-color-surface-container-highest: #14263e;
+  --md-sys-color-inverse-surface: #f8f9ff;
+  --md-sys-color-inverse-on-surface: #4d5564;
+  --md-sys-color-outline: #657692;
+  --md-sys-color-outline-variant: #374962;
+  --md-sys-color-shadow: #000000;
+  --md-sys-color-scrim: #000000;
+  --md-sys-color-surface-tint: #b8dbff;
+  --md-sys-color-primary-fixed: #9ecefe;
+  --md-sys-color-primary-fixed-dim: #90c0ef;
+  --md-sys-color-on-primary-fixed: #003150;
+  --md-sys-color-on-primary-fixed-variant: #154e77;
+  --md-sys-color-secondary-fixed: #fedced;
+  --md-sys-color-secondary-fixed-dim: #efcedf;
+  --md-sys-color-on-secondary-fixed: #513a48;
+  --md-sys-color-on-secondary-fixed-variant: #6f5664;
+  --md-sys-color-tertiary-fixed: #fd9ace;
+  --md-sys-color-tertiary-fixed-dim: #ed8cc0;
+  --md-sys-color-on-tertiary-fixed: #45002f;
+  --md-sys-color-on-tertiary-fixed-variant: #6e2250;
+}
+:root[data-agy-theme="md3e"][data-agy-seed="forest"] { /* Forest #386A20 */
+  --md-sys-color-primary: #d9ffc0;
+  --md-sys-color-on-primary: #426530;
+  --md-sys-color-primary-container: #c8f2ae;
+  --md-sys-color-on-primary-container: #395c28;
+  --md-sys-color-inverse-primary: #456833;
+  --md-sys-color-secondary: #c9c3dc;
+  --md-sys-color-on-secondary: #413e52;
+  --md-sys-color-secondary-container: #262336;
+  --md-sys-color-on-secondary-container: #a6a1b9;
+  --md-sys-color-tertiary: #cfbdff;
+  --md-sys-color-on-tertiary: #473083;
+  --md-sys-color-tertiary-container: #c2acff;
+  --md-sys-color-on-tertiary-container: #3d2679;
+  --md-sys-color-error: #fe7453;
+  --md-sys-color-on-error: #450900;
+  --md-sys-color-error-container: #881f05;
+  --md-sys-color-on-error-container: #ff9b82;
+  --md-sys-color-background: #051106;
+  --md-sys-color-on-background: #cfeecb;
+  --md-sys-color-surface: #051106;
+  --md-sys-color-on-surface: #cfeecb;
+  --md-sys-color-surface-variant: #122b15;
+  --md-sys-color-on-surface-variant: #96b393;
+  --md-sys-color-surface-dim: #051106;
+  --md-sys-color-surface-bright: #163219;
+  --md-sys-color-surface-container-lowest: #000000;
+  --md-sys-color-surface-container-low: #071709;
+  --md-sys-color-surface-container: #0b1d0d;
+  --md-sys-color-surface-container-high: #0f2411;
+  --md-sys-color-surface-container-highest: #122b15;
+  --md-sys-color-inverse-surface: #eefee8;
+  --md-sys-color-inverse-on-surface: #4a5949;
+  --md-sys-color-outline: #617c60;
+  --md-sys-color-outline-variant: #344e35;
+  --md-sys-color-shadow: #000000;
+  --md-sys-color-scrim: #000000;
+  --md-sys-color-surface-tint: #d9ffc0;
+  --md-sys-color-primary-fixed: #c5efab;
+  --md-sys-color-primary-fixed-dim: #b7e09e;
+  --md-sys-color-on-primary-fixed: #264716;
+  --md-sys-color-on-primary-fixed-variant: #41642f;
+  --md-sys-color-secondary-fixed: #ebe5ff;
+  --md-sys-color-secondary-fixed-dim: #ddd6f0;
+  --md-sys-color-on-secondary-fixed: #444054;
+  --md-sys-color-on-secondary-fixed-variant: #605c72;
+  --md-sys-color-tertiary-fixed: #c2acff;
+  --md-sys-color-tertiary-fixed-dim: #b59df8;
+  --md-sys-color-on-tertiary-fixed: #270763;
+  --md-sys-color-on-tertiary-fixed-variant: #463083;
+}
+:root[data-agy-theme="md3e"][data-agy-seed="amber"] { /* Amber #7D5700 */
+  --md-sys-color-primary: #ffdeaa;
+  --md-sys-color-on-primary: #6d4b00;
+  --md-sys-color-primary-container: #fecd79;
+  --md-sys-color-on-primary-container: #624300;
+  --md-sys-color-inverse-primary: #7c580e;
+  --md-sys-color-secondary: #c4c5dd;
+  --md-sys-color-on-secondary: #3d3f52;
+  --md-sys-color-secondary-container: #222537;
+  --md-sys-color-on-secondary-container: #a1a2b9;
+  --md-sys-color-tertiary: #b7c4ff;
+  --md-sys-color-on-tertiary: #223a89;
+  --md-sys-color-tertiary-container: #a4b5ff;
+  --md-sys-color-on-tertiary-container: #152f7f;
+  --md-sys-color-error: #fe7453;
+  --md-sys-color-on-error: #450900;
+  --md-sys-color-error-container: #881f05;
+  --md-sys-color-on-error-container: #ff9b82;
+  --md-sys-color-background: #160c00;
+  --md-sys-color-on-background: #ffe1b4;
+  --md-sys-color-surface: #160c00;
+  --md-sys-color-on-surface: #ffe1b4;
+  --md-sys-color-surface-variant: #342301;
+  --md-sys-color-on-surface-variant: #c4a777;
+  --md-sys-color-surface-dim: #160c00;
+  --md-sys-color-surface-bright: #3c2801;
+  --md-sys-color-surface-container-lowest: #000000;
+  --md-sys-color-surface-container-low: #1d1100;
+  --md-sys-color-surface-container: #241701;
+  --md-sys-color-surface-container-high: #2c1d01;
+  --md-sys-color-surface-container-highest: #342301;
+  --md-sys-color-inverse-surface: #fff8f3;
+  --md-sys-color-inverse-on-surface: #62533b;
+  --md-sys-color-outline: #8b7147;
+  --md-sys-color-outline-variant: #5a441e;
+  --md-sys-color-shadow: #000000;
+  --md-sys-color-scrim: #000000;
+  --md-sys-color-surface-tint: #ffdeaa;
+  --md-sys-color-primary-fixed: #fecd79;
+  --md-sys-color-primary-fixed-dim: #efbf6d;
+  --md-sys-color-on-primary-fixed: #4a3200;
+  --md-sys-color-on-primary-fixed-variant: #6e4c00;
+  --md-sys-color-secondary-fixed: #e0e0f9;
+  --md-sys-color-secondary-fixed-dim: #d2d2eb;
+  --md-sys-color-on-secondary-fixed: #3c3e51;
+  --md-sys-color-on-secondary-fixed-variant: #585a6f;
+  --md-sys-color-tertiary-fixed: #a4b5ff;
+  --md-sys-color-tertiary-fixed-dim: #91a7fd;
+  --md-sys-color-on-tertiary-fixed: #00195c;
+  --md-sys-color-on-tertiary-fixed-variant: #213988;
+}
+:root[data-agy-theme="md3e"][data-agy-seed="coral"] { /* Coral #9C4146 */
+  --md-sys-color-primary: #ffbbbb;
+  --md-sys-color-on-primary: #6f3033;
+  --md-sys-color-primary-container: #ffa6a8;
+  --md-sys-color-on-primary-container: #63272a;
+  --md-sys-color-inverse-primary: #904a4d;
+  --md-sys-color-secondary: #b2cbd2;
+  --md-sys-color-on-secondary: #2d444a;
+  --md-sys-color-secondary-container: #11292f;
+  --md-sys-color-on-secondary-container: #90a8af;
+  --md-sys-color-tertiary: #a0efff;
+  --md-sys-color-on-tertiary: #005a67;
+  --md-sys-color-tertiary-container: #62e5fd;
+  --md-sys-color-on-tertiary-container: #00515c;
+  --md-sys-color-error: #fe7453;
+  --md-sys-color-on-error: #450900;
+  --md-sys-color-error-container: #881f05;
+  --md-sys-color-on-error-container: #ff9b82;
+  --md-sys-color-background: #1b0907;
+  --md-sys-color-on-background: #ffded9;
+  --md-sys-color-surface: #1b0907;
+  --md-sys-color-on-surface: #ffded9;
+  --md-sys-color-surface-variant: #3e1c17;
+  --md-sys-color-on-surface-variant: #d59e95;
+  --md-sys-color-surface-dim: #1b0907;
+  --md-sys-color-surface-bright: #47211b;
+  --md-sys-color-surface-container-lowest: #000000;
+  --md-sys-color-surface-container-low: #230d0a;
+  --md-sys-color-surface-container: #2c120e;
+  --md-sys-color-surface-container-high: #351712;
+  --md-sys-color-surface-container-highest: #3e1c17;
+  --md-sys-color-inverse-surface: #fff8f6;
+  --md-sys-color-inverse-on-surface: #6a4e4a;
+  --md-sys-color-outline: #9a6962;
+  --md-sys-color-outline-variant: #663d37;
+  --md-sys-color-shadow: #000000;
+  --md-sys-color-scrim: #000000;
+  --md-sys-color-surface-tint: #ffbbbb;
+  --md-sys-color-primary-fixed: #ffabac;
+  --md-sys-color-primary-fixed-dim: #f39c9d;
+  --md-sys-color-on-primary-fixed: #4b1419;
+  --md-sys-color-on-primary-fixed-variant: #713134;
+  --md-sys-color-secondary-fixed: #d1eaf2;
+  --md-sys-color-secondary-fixed-dim: #c3dbe3;
+  --md-sys-color-on-secondary-fixed: #2e454b;
+  --md-sys-color-on-secondary-fixed-variant: #4a6168;
+  --md-sys-color-tertiary-fixed: #62e5fd;
+  --md-sys-color-tertiary-fixed-dim: #51d7ee;
+  --md-sys-color-on-tertiary-fixed: #003c45;
+  --md-sys-color-on-tertiary-fixed-variant: #005b68;
+}
+/* Light mode */
+:root[data-agy-theme="md3e"][data-agy-mode="light"] { /* Teal #006A6A, light */
+  --md-sys-color-primary: #006a6a;
+  --md-sys-color-on-primary: #e0fffe;
+  --md-sys-color-primary-container: #68f1f0;
+  --md-sys-color-on-primary-container: #005858;
+  --md-sys-color-inverse-primary: #72faf9;
+  --md-sys-color-secondary: #6b5e30;
+  --md-sys-color-on-secondary: #fff8ec;
+  --md-sys-color-secondary-container: #fae8ac;
+  --md-sys-color-on-secondary-container: #605427;
+  --md-sys-color-tertiary: #755c00;
+  --md-sys-color-on-tertiary: #fff8ef;
+  --md-sys-color-tertiary-container: #fcd357;
+  --md-sys-color-on-tertiary-container: #5d4800;
+  --md-sys-color-error: #ac3434;
+  --md-sys-color-on-error: #fff7f6;
+  --md-sys-color-error-container: #f56965;
+  --md-sys-color-on-error-container: #65000b;
+  --md-sys-color-background: #ebfdff;
+  --md-sys-color-on-background: #00393e;
+  --md-sys-color-surface: #ebfdff;
+  --md-sys-color-on-surface: #00393e;
+  --md-sys-color-surface-variant: #b1edf4;
+  --md-sys-color-on-surface-variant: #2a676e;
+  --md-sys-color-surface-dim: #a1e5ee;
+  --md-sys-color-surface-bright: #ebfdff;
+  --md-sys-color-surface-container-lowest: #ffffff;
+  --md-sys-color-surface-container-low: #d6faff;
+  --md-sys-color-surface-container: #c9f6fc;
+  --md-sys-color-surface-container-high: #bdf1f8;
+  --md-sys-color-surface-container-highest: #b1edf4;
+  --md-sys-color-inverse-surface: #001113;
+  --md-sys-color-inverse-on-surface: #84a2a6;
+  --md-sys-color-outline: #49848b;
+  --md-sys-color-outline-variant: #81bcc3;
+  --md-sys-color-shadow: #000000;
+  --md-sys-color-scrim: #000000;
+  --md-sys-color-surface-tint: #006a6a;
+  --md-sys-color-primary-fixed: #68f1f0;
+  --md-sys-color-primary-fixed-dim: #57e2e2;
+  --md-sys-color-on-primary-fixed: #004343;
+  --md-sys-color-on-primary-fixed-variant: #006262;
+  --md-sys-color-secondary-fixed: #fae8ac;
+  --md-sys-color-secondary-fixed-dim: #ebd99f;
+  --md-sys-color-on-secondary-fixed: #4d4216;
+  --md-sys-color-on-secondary-fixed-variant: #6b5e30;
+  --md-sys-color-tertiary-fixed: #fcd357;
+  --md-sys-color-tertiary-fixed-dim: #edc54b;
+  --md-sys-color-on-tertiary-fixed: #463600;
+  --md-sys-color-on-tertiary-fixed-variant: #685200;
+}
+:root[data-agy-theme="md3e"][data-agy-seed="ocean"][data-agy-mode="light"] { /* Ocean #00639B, light */
+  --md-sys-color-primary: #00649c;
+  --md-sys-color-on-primary: #f6f9ff;
+  --md-sys-color-primary-container: #8ac6ff;
+  --md-sys-color-on-primary-container: #004066;
+  --md-sys-color-inverse-primary: #70bcff;
+  --md-sys-color-secondary: #7a546a;
+  --md-sys-color-on-secondary: #fff7f8;
+  --md-sys-color-secondary-container: #ffd8ec;
+  --md-sys-color-on-secondary-container: #6b465d;
+  --md-sys-color-tertiary: #944271;
+  --md-sys-color-on-tertiary: #fff7f8;
+  --md-sys-color-tertiary-container: #fd9ace;
+  --md-sys-color-on-tertiary-container: #631847;
+  --md-sys-color-error: #ac3434;
+  --md-sys-color-on-error: #fff7f6;
+  --md-sys-color-error-container: #f56965;
+  --md-sys-color-on-error-container: #65000b;
+  --md-sys-color-background: #f8f9ff;
+  --md-sys-color-on-background: #183355;
+  --md-sys-color-surface: #f8f9ff;
+  --md-sys-color-on-surface: #183355;
+  --md-sys-color-surface-variant: #d4e3ff;
+  --md-sys-color-on-surface-variant: #476084;
+  --md-sys-color-surface-dim: #c6dbff;
+  --md-sys-color-surface-bright: #f8f9ff;
+  --md-sys-color-surface-container-lowest: #ffffff;
+  --md-sys-color-surface-container-low: #eff3ff;
+  --md-sys-color-surface-container: #e6eeff;
+  --md-sys-color-surface-container-high: #dde9ff;
+  --md-sys-color-surface-container-highest: #d4e3ff;
+  --md-sys-color-inverse-surface: #020f20;
+  --md-sys-color-inverse-on-surface: #919eb4;
+  --md-sys-color-outline: #637ca2;
+  --md-sys-color-outline-variant: #9ab3dc;
+  --md-sys-color-shadow: #000000;
+  --md-sys-color-scrim: #000000;
+  --md-sys-color-surface-tint: #00649c;
+  --md-sys-color-primary-fixed: #8ac6ff;
+  --md-sys-color-primary-fixed-dim: #6db9fc;
+  --md-sys-color-on-primary-fixed: #002a46;
+  --md-sys-color-on-primary-fixed-variant: #004974;
+  --md-sys-color-secondary-fixed: #ffd8ec;
+  --md-sys-color-secondary-fixed-dim: #f7c7e2;
+  --md-sys-color-on-secondary-fixed: #57344a;
+  --md-sys-color-on-secondary-fixed-variant: #765067;
+  --md-sys-color-tertiary-fixed: #fd9ace;
+  --md-sys-color-tertiary-fixed-dim: #ed8cc0;
+  --md-sys-color-on-tertiary-fixed: #45002f;
+  --md-sys-color-on-tertiary-fixed-variant: #6e2250;
+}
+:root[data-agy-theme="md3e"][data-agy-seed="forest"][data-agy-mode="light"] { /* Forest #386A20, light */
+  --md-sys-color-primary: #386b20;
+  --md-sys-color-on-primary: #ecffdc;
+  --md-sys-color-primary-container: #b8f397;
+  --md-sys-color-on-primary-container: #2b5d13;
+  --md-sys-color-inverse-primary: #bdf99c;
+  --md-sys-color-secondary: #605b7e;
+  --md-sys-color-on-secondary: #fcf7ff;
+  --md-sys-color-secondary-container: #e6deff;
+  --md-sys-color-on-secondary-container: #534d6f;
+  --md-sys-color-tertiary: #6751a5;
+  --md-sys-color-on-tertiary: #fdf7ff;
+  --md-sys-color-tertiary-container: #c2acff;
+  --md-sys-color-on-tertiary-container: #3d2679;
+  --md-sys-color-error: #aa371c;
+  --md-sys-color-on-error: #fff7f6;
+  --md-sys-color-error-container: #fa7150;
+  --md-sys-color-on-error-container: #671200;
+  --md-sys-color-background: #ebffe6;
+  --md-sys-color-on-background: #163a1b;
+  --md-sys-color-surface: #ebffe6;
+  --md-sys-color-on-surface: #163a1b;
+  --md-sys-color-surface-variant: #c4edc0;
+  --md-sys-color-on-surface-variant: #436844;
+  --md-sys-color-surface-dim: #b8e6b5;
+  --md-sys-color-surface-bright: #ebffe6;
+  --md-sys-color-surface-container-lowest: #ffffff;
+  --md-sys-color-surface-container-low: #e0fbdb;
+  --md-sys-color-surface-container: #d6f7d2;
+  --md-sys-color-surface-container-high: #cdf2c9;
+  --md-sys-color-surface-container-highest: #c4edc0;
+  --md-sys-color-inverse-surface: #021204;
+  --md-sys-color-inverse-on-surface: #8da38a;
+  --md-sys-color-outline: #5e845e;
+  --md-sys-color-outline-variant: #94bc92;
+  --md-sys-color-shadow: #000000;
+  --md-sys-color-scrim: #000000;
+  --md-sys-color-surface-tint: #386b20;
+  --md-sys-color-primary-fixed: #b8f397;
+  --md-sys-color-primary-fixed-dim: #aae48a;
+  --md-sys-color-on-primary-fixed: #184900;
+  --md-sys-color-on-primary-fixed-variant: #35671d;
+  --md-sys-color-secondary-fixed: #e6deff;
+  --md-sys-color-secondary-fixed-dim: #d7cff8;
+  --md-sys-color-on-secondary-fixed: #403b5c;
+  --md-sys-color-on-secondary-fixed-variant: #5d577a;
+  --md-sys-color-tertiary-fixed: #c2acff;
+  --md-sys-color-tertiary-fixed-dim: #b59df8;
+  --md-sys-color-on-tertiary-fixed: #270763;
+  --md-sys-color-on-tertiary-fixed-variant: #463083;
+}
+:root[data-agy-theme="md3e"][data-agy-seed="amber"][data-agy-mode="light"] { /* Amber #7D5700, light */
+  --md-sys-color-primary: #7e5800;
+  --md-sys-color-on-primary: #fff8f2;
+  --md-sys-color-primary-container: #fabc49;
+  --md-sys-color-on-primary-container: #573b00;
+  --md-sys-color-inverse-primary: #fabc49;
+  --md-sys-color-secondary: #595d7e;
+  --md-sys-color-on-secondary: #faf8ff;
+  --md-sys-color-secondary-container: #dfe0ff;
+  --md-sys-color-on-secondary-container: #4b4f70;
+  --md-sys-color-tertiary: #445aaa;
+  --md-sys-color-on-tertiary: #faf8ff;
+  --md-sys-color-tertiary-container: #a4b5ff;
+  --md-sys-color-on-tertiary-container: #152f7f;
+  --md-sys-color-error: #aa371c;
+  --md-sys-color-on-error: #fff7f6;
+  --md-sys-color-error-container: #fa7150;
+  --md-sys-color-on-error-container: #671200;
+  --md-sys-color-background: #fff8f3;
+  --md-sys-color-on-background: #452e00;
+  --md-sys-color-surface: #fff8f3;
+  --md-sys-color-on-surface: #452e00;
+  --md-sys-color-surface-variant: #ffdeaa;
+  --md-sys-color-on-surface-variant: #785a24;
+  --md-sys-color-surface-dim: #ffd48c;
+  --md-sys-color-surface-bright: #fff8f3;
+  --md-sys-color-surface-container-lowest: #ffffff;
+  --md-sys-color-surface-container-low: #fff2e2;
+  --md-sys-color-surface-container: #ffebd0;
+  --md-sys-color-surface-container-high: #ffe4bd;
+  --md-sys-color-surface-container-highest: #ffdeaa;
+  --md-sys-color-inverse-surface: #160c00;
+  --md-sys-color-inverse-on-surface: #b19a75;
+  --md-sys-color-outline: #96753c;
+  --md-sys-color-outline-variant: #d2ac6e;
+  --md-sys-color-shadow: #000000;
+  --md-sys-color-scrim: #000000;
+  --md-sys-color-surface-tint: #7e5800;
+  --md-sys-color-primary-fixed: #fabc49;
+  --md-sys-color-primary-fixed-dim: #eaae3c;
+  --md-sys-color-on-primary-fixed: #3d2800;
+  --md-sys-color-on-primary-fixed-variant: #624300;
+  --md-sys-color-secondary-fixed: #dfe0ff;
+  --md-sys-color-secondary-fixed-dim: #cfd2f9;
+  --md-sys-color-on-secondary-fixed: #393d5d;
+  --md-sys-color-on-secondary-fixed-variant: #55597b;
+  --md-sys-color-tertiary-fixed: #a4b5ff;
+  --md-sys-color-tertiary-fixed-dim: #91a7fd;
+  --md-sys-color-on-tertiary-fixed: #00195c;
+  --md-sys-color-on-tertiary-fixed-variant: #213988;
+}
+:root[data-agy-theme="md3e"][data-agy-seed="coral"][data-agy-mode="light"] { /* Coral #9C4146, light */
+  --md-sys-color-primary: #9d4146;
+  --md-sys-color-on-primary: #fff7f6;
+  --md-sys-color-primary-container: #ffabac;
+  --md-sys-color-on-primary-container: #701f26;
+  --md-sys-color-inverse-primary: #fe8d91;
+  --md-sys-color-secondary: #3b6570;
+  --md-sys-color-on-secondary: #effbff;
+  --md-sys-color-secondary-container: #beeaf7;
+  --md-sys-color-on-secondary-container: #2d5863;
+  --md-sys-color-tertiary: #006977;
+  --md-sys-color-on-tertiary: #edfcff;
+  --md-sys-color-tertiary-container: #62e5fd;
+  --md-sys-color-on-tertiary-container: #00515c;
+  --md-sys-color-error: #aa371c;
+  --md-sys-color-on-error: #fff7f6;
+  --md-sys-color-error-container: #fa7150;
+  --md-sys-color-on-error-container: #671200;
+  --md-sys-color-background: #fff8f6;
+  --md-sys-color-on-background: #53251e;
+  --md-sys-color-surface: #fff8f6;
+  --md-sys-color-on-surface: #53251e;
+  --md-sys-color-surface-variant: #ffdad4;
+  --md-sys-color-on-surface-variant: #885047;
+  --md-sys-color-surface-dim: #ffcfc7;
+  --md-sys-color-surface-bright: #fff8f6;
+  --md-sys-color-surface-container-lowest: #ffffff;
+  --md-sys-color-surface-container-low: #fff0ee;
+  --md-sys-color-surface-container: #ffe9e6;
+  --md-sys-color-surface-container-high: #ffe2dd;
+  --md-sys-color-surface-container-highest: #ffdad4;
+  --md-sys-color-inverse-surface: #1e0705;
+  --md-sys-color-inverse-on-surface: #be938c;
+  --md-sys-color-outline: #a86b61;
+  --md-sys-color-outline-variant: #e7a095;
+  --md-sys-color-shadow: #000000;
+  --md-sys-color-scrim: #000000;
+  --md-sys-color-surface-tint: #9d4146;
+  --md-sys-color-primary-fixed: #ffabac;
+  --md-sys-color-primary-fixed-dim: #ff9598;
+  --md-sys-color-on-primary-fixed: #530914;
+  --md-sys-color-on-primary-fixed-variant: #7c282f;
+  --md-sys-color-secondary-fixed: #beeaf7;
+  --md-sys-color-secondary-fixed-dim: #b0dbe8;
+  --md-sys-color-on-secondary-fixed: #18454f;
+  --md-sys-color-on-secondary-fixed-variant: #38616d;
+  --md-sys-color-tertiary-fixed: #62e5fd;
+  --md-sys-color-tertiary-fixed-dim: #51d7ee;
+  --md-sys-color-on-tertiary-fixed: #003c45;
+  --md-sys-color-on-tertiary-fixed-variant: #005b68;
+}