:root, .unidancing {
  --typography-display: 400 40px/1.17 "Inter Display";
  --typography-heading: 400 24px/1.21 "Inter";
  --typography-control: 500 16px/1.21 "Inter"; /* For controls */
  --typography-prose: 400 16px/1.21 "Inter";
  --spacing-density-comfortable: 1.2;
  --spacing-density-compact: 0.8;
  --spacing-density-base: 1;
  --sizing-factor: 0.8;
  --sizing-ratio: 1.25;
  --shape-stroke-style: solid;
  --shape-stroke-width: 1px;
  --shape-shadow-container: 0 0 2px 4px rgba(0, 0, 0, 0.25);
  --control-focus-stroke-width: 2px;
  --control-focus-stroke-offset: 2px;
  --control-border-width: 2px;
  --shape-radius-primitive: var(--ls-3);
  --shape-radius-container-nested: var(--spacing-container-3);
  --shape-radius-container: var(--spacing-container-2);
}

/* Color Scheme: light */
@media (prefers-color-scheme: light), (prefers-color-scheme: none) {
:root {
  --typography-selected-background: #fdcee8;
  --typography-emphasize: #1bb166;
  --typography-muted: #5e565a;
  --typography-subtle: #433e41;
  --typography-inverse: #ecebeb; /* Text color for more contrast (e.g. high-contrast or reduced) */
  --typography-main: #0e0d0e; /* Regular text color */
  --shape-stroke-color: #e7e5e6;
  --surface-window: #ffffff;
  --surface-popover: #f4f3f3;
  --surface-container1: #ecebeb;
  --surface-container: #f4f3f3;
  --surface-base: #fbfbfb;
  --control-selected-background: #f4f3f3;
  --control-active-background: #ea48a1;
  --control-focus-stroke-style: solid;
  --control-focus-stroke-color: #e41b8a;
  --control-focus-selected-background: #f99fd1;
  --control-hover-background: #f76eb9;
  --control-disabled-background: #ecebeb;
  --control-accent: #e41b8a;
  --control-border-style: solid;
  --control-background: #fbfbfb;
  --control-border-color: #dbd8da;
  --intent-highlight-plain-active-text: #8e7a0b;
  --intent-highlight-plain-hover-text: #8e7a0b;
  --intent-highlight-plain-base-text: #b39c1a;
  --intent-highlight-subtle-disabled-text: #b39c1a;
  --intent-highlight-subtle-active-text: #0e0d0e;
  --intent-highlight-subtle-active-background: #dec521;
  --intent-highlight-subtle-hover-text: #0e0d0e;
  --intent-highlight-subtle-hover-background: #e5cf4d;
  --intent-highlight-subtle-base-text: #b39c1a;
  --intent-highlight-subtle-base-border: #e5cf4d;
  --intent-highlight-supreme-disabled-text: #8e7a0b;
  --intent-highlight-supreme-active-text: #0e0d0e;
  --intent-highlight-supreme-active-background: #dec521;
  --intent-highlight-supreme-hover-text: #0e0d0e;
  --intent-highlight-supreme-hover-background: #e5cf4d;
  --intent-highlight-supreme-base-text: #0e0d0e;
  --intent-highlight-supreme-base-background: #ecdb79;
  --intent-danger-plain-active-text: #882920;
  --intent-danger-plain-hover-text: #a93328;
  --intent-danger-plain-base-text: #d04135;
  --intent-danger-subtle-disabled-text: #882920;
  --intent-danger-subtle-active-text: #ecebeb;
  --intent-danger-subtle-active-border: #882920;
  --intent-danger-subtle-active-background: #882920;
  --intent-danger-subtle-hover-text: #ecebeb;
  --intent-danger-subtle-hover-background: #a93328;
  --intent-danger-subtle-base-text: #d04135;
  --intent-danger-subtle-base-border: #d04135;
  --intent-danger-supreme-disabled-text: #882920;
  --intent-danger-supreme-active-text: #ecebeb;
  --intent-danger-supreme-active-background: #882920;
  --intent-danger-supreme-hover-text: #ecebeb;
  --intent-danger-supreme-hover-background: #a93328;
  --intent-danger-supreme-base-text: #ecebeb;
  --intent-danger-supreme-base-background: #d04135;
  --intent-alternative-plain-active-text: #14854c;
  --intent-alternative-plain-hover-text: #14854c;
  --intent-alternative-plain-base-text: #1bb166;
  --intent-alternative-subtle-disabled-text: #1bb166;
  --intent-alternative-subtle-active-text: #0e0d0e;
  --intent-alternative-subtle-active-background: #21de7f;
  --intent-alternative-subtle-hover-text: #0e0d0e;
  --intent-alternative-subtle-hover-background: #4ee499;
  --intent-alternative-subtle-base-text: #1bb166;
  --intent-alternative-subtle-base-border: #4ee499;
  --intent-alternative-supreme-disabled-text: #14854c;
  --intent-alternative-supreme-active-text: #0e0d0e;
  --intent-alternative-supreme-active-background: #21de7f;
  --intent-alternative-supreme-hover-text: #0e0d0e;
  --intent-alternative-supreme-hover-background: #4ee499;
  --intent-alternative-supreme-base-text: #0e0d0e;
  --intent-alternative-supreme-base-background: #7aebb2;
  --intent-action-plain-active-text: #891053;
  --intent-action-plain-hover-text: #891053;
  --intent-action-plain-base-text: #b7156e;
  --intent-action-subtle-disabled-text: #b7156e;
  --intent-action-subtle-active-text: #0e0d0e;
  --intent-action-subtle-active-background: #e41b8a;
  --intent-action-subtle-hover-text: #0e0d0e;
  --intent-action-subtle-hover-background: #ea48a1;
  --intent-action-subtle-base-text: #b7156e;
  --intent-action-subtle-base-border: #b7156e;
  --intent-action-supreme-disabled-text: #891053;
  --intent-action-supreme-active-text: #0e0d0e;
  --intent-action-supreme-active-background: #e41b8a;
  --intent-action-supreme-hover-text: #0e0d0e;
  --intent-action-supreme-hover-background: #ea48a1;
  --intent-action-supreme-base-text: #0e0d0e;
  --intent-action-supreme-base-background: #f76eb9;
  --indicator-warning-plain-text: #b28000;
  --indicator-warning-plain-border: #b28000;
  --indicator-warning-supreme-text: #0e0d0e;
  --indicator-warning-supreme-border: #b28000;
  --indicator-warning-supreme-background: #ffb700;
  --indicator-warning-subtle-text: #664900;
  --indicator-warning-subtle-border: #b28000;
  --indicator-warning-subtle-background: #ffe299;
  --indicator-success-plain-text: #0d5939;
  --indicator-success-plain-border: #0d5939;
  --indicator-success-supreme-text: #ecebeb;
  --indicator-success-supreme-border: #0d5939;
  --indicator-success-supreme-background: #0d5939;
  --indicator-success-subtle-text: #0d5939;
  --indicator-success-subtle-border: #0d5939;
  --indicator-success-subtle-background: #a6f2d2;
  --indicator-info-plain-text: #0e0d0e;
  --indicator-info-plain-border: #aaa3a7;
  --indicator-info-supreme-text: #0e0d0e;
  --indicator-info-supreme-border: #2e2a2c;
  --indicator-info-supreme-background: #ffe6f4;
  --indicator-info-subtle-text: #0e0d0e;
  --indicator-info-subtle-border: #0e0d0e;
  --indicator-info-subtle-background: #ecebeb;
  --indicator-error-plain-text: #a93328;
  --indicator-error-plain-border: #a93328;
  --indicator-error-supreme-text: #ecebeb;
  --indicator-error-supreme-border: #a93328;
  --indicator-error-supreme-background: #a93328;
  --indicator-error-subtle-text: #882920;
  --indicator-error-subtle-border: #a93328;
  --indicator-error-subtle-background: #e8a29c;
  --typography-code-background: var(--surface-container1);
  --typography-code-text: var(--typography-subtle);
  --control-disabled-text: var(--typography-muted);
  --control-placeholder: var(--typography-subtle);
  --control-text: var(--typography-main);
  --intent-highlight-subtle-disabled-border: var(--control-disabled-background);
  --intent-highlight-subtle-disabled-background: var(--control-background);
  --intent-highlight-subtle-active-border: var(--intent-highlight-subtle-active-background);
  --intent-highlight-subtle-hover-border: var(--intent-highlight-subtle-hover-background);
  --intent-highlight-subtle-base-background: var(--control-background);
  --intent-highlight-supreme-disabled-background: var(--control-disabled-background);
  --intent-highlight-supreme-active-border: var(--intent-highlight-supreme-active-background);
  --intent-highlight-supreme-hover-border: var(--intent-highlight-supreme-hover-background);
  --intent-highlight-supreme-base-border: var(--intent-highlight-supreme-base-background);
  --intent-danger-subtle-disabled-border: var(--control-disabled-background);
  --intent-danger-subtle-disabled-background: var(--control-background);
  --intent-danger-subtle-hover-border: var(--intent-danger-subtle-hover-background);
  --intent-danger-subtle-base-background: var(--control-background);
  --intent-danger-supreme-disabled-background: var(--control-disabled-background);
  --intent-danger-supreme-active-border: var(--intent-danger-supreme-active-background);
  --intent-danger-supreme-hover-border: var(--intent-danger-supreme-hover-background);
  --intent-danger-supreme-base-border: var(--intent-danger-supreme-base-background);
  --intent-alternative-plain-disabled-text: var(--typography-muted);
  --intent-alternative-subtle-disabled-border: var(--control-disabled-background);
  --intent-alternative-subtle-disabled-background: var(--control-background);
  --intent-alternative-subtle-active-border: var(--intent-alternative-subtle-active-background);
  --intent-alternative-subtle-hover-border: var(--intent-alternative-subtle-hover-background);
  --intent-alternative-subtle-base-background: var(--control-background);
  --intent-alternative-supreme-disabled-background: var(--control-disabled-background);
  --intent-alternative-supreme-active-border: var(--intent-alternative-supreme-active-background);
  --intent-alternative-supreme-hover-border: var(--intent-alternative-supreme-hover-background);
  --intent-alternative-supreme-base-border: var(--intent-alternative-supreme-base-background);
  --intent-action-subtle-disabled-border: var(--control-disabled-background);
  --intent-action-subtle-disabled-background: var(--control-background);
  --intent-action-subtle-active-border: var(--intent-action-subtle-active-background);
  --intent-action-subtle-hover-border: var(--intent-action-subtle-hover-background);
  --intent-action-subtle-base-background: var(--control-background);
  --intent-action-supreme-disabled-background: var(--control-disabled-background);
  --intent-action-supreme-active-border: var(--intent-action-supreme-active-background);
  --intent-action-supreme-hover-border: var(--intent-action-supreme-hover-background);
  --intent-action-supreme-base-border: var(--intent-action-supreme-base-background);
  --intent-highlight-plain-disabled-text: var(--control-disabled-text);
  --intent-highlight-supreme-disabled-border: var(--intent-highlight-supreme-disabled-background);
  --intent-danger-plain-disabled-text: var(--control-disabled-text);
  --intent-danger-supreme-disabled-border: var(--intent-danger-supreme-disabled-background);
  --intent-alternative-supreme-disabled-border: var(--intent-alternative-supreme-disabled-background);
  --intent-action-plain-disabled-text: var(--control-disabled-text);
  --intent-action-supreme-disabled-border: var(--intent-action-supreme-disabled-background);
}
}
/* Color Scheme: dark */
@media (prefers-color-scheme: dark) {
:root {
  --typography-selected-background: #48042a;
  --typography-emphasize: #7aebb2;
  --typography-muted: #aaa3a7;
  --typography-subtle: #dbd8da;
  --typography-inverse: #0e0d0e; /* Text color for more contrast (e.g. high-contrast or reduced) */
  --typography-main: #ecebeb; /* Regular text color */
  --shape-stroke-color: #433e41;
  --surface-window: #ffffff;
  --surface-popover: #232122;
  --surface-container1: #2e2a2c;
  --surface-container: #232122;
  --surface-base: #1b191a;
  --control-selected-background: #232122;
  --control-active-background: #5b0b37;
  --control-focus-stroke-style: solid;
  --control-focus-stroke-color: #e41b8a;
  --control-focus-selected-background: #48042a;
  --control-hover-background: #720d45;
  --control-disabled-background: #2e2a2c;
  --control-accent: #e41b8a;
  --control-border-style: solid;
  --control-background: #1b191a;
  --control-border-color: #433e41;
  --intent-highlight-plain-active-text: #b39c1a;
  --intent-highlight-plain-hover-text: #b39c1a;
  --intent-highlight-plain-base-text: #e5cf4d;
  --intent-highlight-subtle-disabled-text: #b39c1a;
  --intent-highlight-subtle-active-text: #0e0d0e;
  --intent-highlight-subtle-active-background: #dec521;
  --intent-highlight-subtle-hover-text: #0e0d0e;
  --intent-highlight-subtle-hover-background: #e5cf4d;
  --intent-highlight-subtle-base-text: #e5cf4d;
  --intent-highlight-subtle-base-border: #e5cf4d;
  --intent-highlight-supreme-disabled-text: #ecdb79;
  --intent-highlight-supreme-active-text: #0e0d0e;
  --intent-highlight-supreme-active-background: #dec521;
  --intent-highlight-supreme-hover-text: #0e0d0e;
  --intent-highlight-supreme-hover-background: #e5cf4d;
  --intent-highlight-supreme-base-text: #0e0d0e;
  --intent-highlight-supreme-base-background: #ecdb79;
  --intent-danger-plain-active-text: #d04135;
  --intent-danger-plain-hover-text: #d04135;
  --intent-danger-plain-base-text: #de7c73;
  --intent-danger-subtle-disabled-text: #e8a29c;
  --intent-danger-subtle-active-text: #ecebeb;
  --intent-danger-subtle-active-border: #882920;
  --intent-danger-subtle-active-background: #882920;
  --intent-danger-subtle-hover-text: #ecebeb;
  --intent-danger-subtle-hover-background: #a93328;
  --intent-danger-subtle-base-text: #d04135;
  --intent-danger-subtle-base-border: #a93328;
  --intent-danger-supreme-disabled-text: #de7c73;
  --intent-danger-supreme-active-text: #ecebeb;
  --intent-danger-supreme-active-background: #882920;
  --intent-danger-supreme-hover-text: #ecebeb;
  --intent-danger-supreme-hover-background: #a93328;
  --intent-danger-supreme-base-text: #ecebeb;
  --intent-danger-supreme-base-background: #d04135;
  --intent-alternative-plain-active-text: #21de7f;
  --intent-alternative-plain-hover-text: #4ee499;
  --intent-alternative-plain-base-text: #7aebb2;
  --intent-alternative-subtle-disabled-text: #7aebb2;
  --intent-alternative-subtle-active-text: #0e0d0e;
  --intent-alternative-subtle-active-background: #21de7f;
  --intent-alternative-subtle-hover-text: #0e0d0e;
  --intent-alternative-subtle-hover-background: #4ee499;
  --intent-alternative-subtle-base-text: #4ee499;
  --intent-alternative-subtle-base-border: #4ee499;
  --intent-alternative-supreme-disabled-text: #7aebb2;
  --intent-alternative-supreme-active-text: #0e0d0e;
  --intent-alternative-supreme-active-background: #21de7f;
  --intent-alternative-supreme-hover-text: #0e0d0e;
  --intent-alternative-supreme-hover-background: #4ee499;
  --intent-alternative-supreme-base-text: #0e0d0e;
  --intent-alternative-supreme-base-background: #7aebb2;
  --intent-action-plain-active-text: #b7156e;
  --intent-action-plain-hover-text: #e41b8a;
  --intent-action-plain-base-text: #f76eb9;
  --intent-action-subtle-disabled-text: #f76eb9;
  --intent-action-subtle-active-text: #0e0d0e;
  --intent-action-subtle-active-background: #e41b8a;
  --intent-action-subtle-hover-text: #0e0d0e;
  --intent-action-subtle-hover-background: #ea48a1;
  --intent-action-subtle-base-text: #f76eb9;
  --intent-action-subtle-base-border: #f76eb9;
  --intent-action-supreme-disabled-text: #f76eb9;
  --intent-action-supreme-active-text: #0e0d0e;
  --intent-action-supreme-active-background: #e41b8a;
  --intent-action-supreme-hover-text: #0e0d0e;
  --intent-action-supreme-hover-background: #ea48a1;
  --intent-action-supreme-base-text: #0e0d0e;
  --intent-action-supreme-base-background: #f76eb9;
  --indicator-warning-plain-text: #ffcc4d;
  --indicator-warning-plain-border: #ffcc4d;
  --indicator-warning-supreme-text: #0e0d0e;
  --indicator-warning-supreme-border: #b28000;
  --indicator-warning-supreme-background: #ffe299;
  --indicator-warning-subtle-text: #0e0d0e;
  --indicator-warning-subtle-border: #b28000;
  --indicator-warning-subtle-background: #b28000;
  --indicator-success-plain-text: #63e9b1;
  --indicator-success-plain-border: #63e9b1;
  --indicator-success-supreme-text: #ecebeb;
  --indicator-success-supreme-border: #0d5939;
  --indicator-success-supreme-background: #0d5939;
  --indicator-success-subtle-text: #0d5939;
  --indicator-success-subtle-border: #0d5939;
  --indicator-success-subtle-background: #a6f2d2;
  --indicator-info-plain-text: #ecebeb;
  --indicator-info-plain-border: #0e0d0e;
  --indicator-info-supreme-text: #ecebeb;
  --indicator-info-supreme-border: #1b191a;
  --indicator-info-supreme-background: #240014;
  --indicator-info-subtle-text: #ecebeb;
  --indicator-info-subtle-border: #0e0d0e;
  --indicator-info-subtle-background: #232122;
  --indicator-error-plain-text: #de7c73;
  --indicator-error-plain-border: #de7c73;
  --indicator-error-supreme-text: #ecebeb;
  --indicator-error-supreme-border: #a93328;
  --indicator-error-supreme-background: #a93328;
  --indicator-error-subtle-text: #882920;
  --indicator-error-subtle-border: #a93328;
  --indicator-error-subtle-background: #e8a29c;
  --typography-code-background: var(--surface-container1);
  --typography-code-text: var(--typography-subtle);
  --control-disabled-text: var(--typography-muted);
  --control-placeholder: var(--typography-subtle);
  --control-text: var(--typography-main);
  --intent-highlight-subtle-disabled-border: var(--control-disabled-background);
  --intent-highlight-subtle-disabled-background: var(--control-background);
  --intent-highlight-subtle-active-border: var(--intent-highlight-subtle-active-background);
  --intent-highlight-subtle-hover-border: var(--intent-highlight-subtle-hover-background);
  --intent-highlight-subtle-base-background: var(--control-background);
  --intent-highlight-supreme-disabled-background: var(--control-disabled-background);
  --intent-highlight-supreme-active-border: var(--intent-highlight-supreme-active-background);
  --intent-highlight-supreme-hover-border: var(--intent-highlight-supreme-hover-background);
  --intent-highlight-supreme-base-border: var(--intent-highlight-supreme-base-background);
  --intent-danger-subtle-disabled-border: var(--control-disabled-background);
  --intent-danger-subtle-disabled-background: var(--control-background);
  --intent-danger-subtle-hover-border: var(--intent-danger-subtle-hover-background);
  --intent-danger-subtle-base-background: var(--control-background);
  --intent-danger-supreme-disabled-background: var(--control-disabled-background);
  --intent-danger-supreme-active-border: var(--intent-danger-supreme-active-background);
  --intent-danger-supreme-hover-border: var(--intent-danger-supreme-hover-background);
  --intent-danger-supreme-base-border: var(--intent-danger-supreme-base-background);
  --intent-alternative-plain-disabled-text: var(--typography-muted);
  --intent-alternative-subtle-disabled-border: var(--control-disabled-background);
  --intent-alternative-subtle-disabled-background: var(--control-background);
  --intent-alternative-subtle-active-border: var(--intent-alternative-subtle-active-background);
  --intent-alternative-subtle-hover-border: var(--intent-alternative-subtle-hover-background);
  --intent-alternative-subtle-base-background: var(--control-background);
  --intent-alternative-supreme-disabled-background: var(--control-disabled-background);
  --intent-alternative-supreme-active-border: var(--intent-alternative-supreme-active-background);
  --intent-alternative-supreme-hover-border: var(--intent-alternative-supreme-hover-background);
  --intent-alternative-supreme-base-border: var(--intent-alternative-supreme-base-background);
  --intent-action-subtle-disabled-border: var(--control-disabled-background);
  --intent-action-subtle-disabled-background: var(--control-background);
  --intent-action-subtle-active-border: var(--intent-action-subtle-active-background);
  --intent-action-subtle-hover-border: var(--intent-action-subtle-hover-background);
  --intent-action-subtle-base-background: var(--control-background);
  --intent-action-supreme-disabled-background: var(--control-disabled-background);
  --intent-action-supreme-active-border: var(--intent-action-supreme-active-background);
  --intent-action-supreme-hover-border: var(--intent-action-supreme-hover-background);
  --intent-action-supreme-base-border: var(--intent-action-supreme-base-background);
  --intent-highlight-plain-disabled-text: var(--control-disabled-text);
  --intent-highlight-supreme-disabled-border: var(--intent-highlight-supreme-disabled-background);
  --intent-danger-plain-disabled-text: var(--control-disabled-text);
  --intent-danger-supreme-disabled-border: var(--intent-danger-supreme-disabled-background);
  --intent-alternative-supreme-disabled-border: var(--intent-alternative-supreme-disabled-background);
  --intent-action-plain-disabled-text: var(--control-disabled-text);
  --intent-action-supreme-disabled-border: var(--intent-action-supreme-disabled-background);
}
}