/* Generated from Cantos UI tokens v0.6.0 sha256:25e99c49faa15a9112cd03e7e92f21360b808bbe68f0a2531017d9a0e21f0741
   by python3 scripts/ui_tokens.py. Do not edit. */
:where(.cantos-ui) {
  color-scheme: light;
  --cantos-breakpoint-expanded: 52.5rem;
  --cantos-breakpoint-medium: 37.5rem;
  --cantos-color-accent: #886638;
  --cantos-color-avatar-clay: #f2dfd3;
  --cantos-color-avatar-gold: #f3e3c3;
  --cantos-color-avatar-lavender: #e6d9f1;
  --cantos-color-avatar-rose: #f6dde0;
  --cantos-color-avatar-sage: #dbe8dc;
  --cantos-color-avatar-sky: #d9e5f2;
  --cantos-color-background: #f7f3eb;
  --cantos-color-error: #a33436;
  --cantos-color-error-container: #fce3dd;
  --cantos-color-focus: #744b98;
  --cantos-color-on-avatar-clay: #553222;
  --cantos-color-on-avatar-gold: #4d3712;
  --cantos-color-on-avatar-lavender: #3d2b4d;
  --cantos-color-on-avatar-rose: #5a2a33;
  --cantos-color-on-avatar-sage: #24402f;
  --cantos-color-on-avatar-sky: #1f3a52;
  --cantos-color-on-player-surface: #f7eef9;
  --cantos-color-on-primary: #ffffff;
  --cantos-color-on-primary-container: #332340;
  --cantos-color-on-surface: #292331;
  --cantos-color-on-surface-variant: #6c616f;
  --cantos-color-outline: #837587;
  --cantos-color-outline-variant: #dcd4dd;
  --cantos-color-player-accent: #dec6f0;
  --cantos-color-player-surface: #34283f;
  --cantos-color-primary: #675080;
  --cantos-color-primary-container: #e6d9f1;
  --cantos-color-success: #375e4b;
  --cantos-color-success-container: #dfeadf;
  --cantos-color-surface: #fffcf7;
  --cantos-color-surface-container: #eee8f1;
  --cantos-color-surface-container-high: #e7dfea;
  --cantos-color-warning: #7a521c;
  --cantos-color-warning-container: #f6e7ca;
  --cantos-elevation-base: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0);
  --cantos-elevation-overlay: 0rem 0.5rem 1.5rem 0rem rgba(0, 0, 0, 0.16);
  --cantos-motion-effects-easing: cubic-bezier(0.2, 0, 0, 1);
  --cantos-motion-emphasis-duration: 260ms;
  --cantos-motion-feedback-duration: 140ms;
  --cantos-motion-navigation-duration: 260ms;
  --cantos-motion-shape-duration: 220ms;
  --cantos-shape-account-group: 1.75rem;
  --cantos-shape-auth-container: 2.25rem;
  --cantos-shape-auth-field: 1.25rem;
  --cantos-shape-auth-pressed: 1rem;
  --cantos-shape-container: 1rem;
  --cantos-shape-control: 0.5rem;
  --cantos-shape-detail: 0.25rem;
  --cantos-shape-membership-container: 2rem;
  --cantos-shape-overlay: 1.25rem;
  --cantos-shape-pill: 62.4375rem;
  --cantos-shape-profile-container: 2.25rem;
  --cantos-shape-reading: 0.75rem;
  --cantos-shape-status-symbol: 1.75rem;
  --cantos-shape-thumbnail: 0.625rem;
  --cantos-size-auth-field: 3.5rem;
  --cantos-size-auth-icon: 1.75rem;
  --cantos-size-auth-logo: 8rem;
  --cantos-size-auth-outline: 0.09375rem;
  --cantos-size-auth-primary: 3.75rem;
  --cantos-size-auth-secondary: 3.5rem;
  --cantos-size-avatar-large: 4rem;
  --cantos-size-avatar-medium: 2.5rem;
  --cantos-size-avatar-small: 2rem;
  --cantos-size-back-control: 3rem;
  --cantos-size-border: 0.0625rem;
  --cantos-size-control: 3rem;
  --cantos-size-focus-offset: 0.25rem;
  --cantos-size-focus-width: 0.1875rem;
  --cantos-size-icon: 1.5rem;
  --cantos-size-icon-compact: 1.25rem;
  --cantos-size-status-symbol: 4.5rem;
  --cantos-space-control-inline: 0.75rem;
  --cantos-space-inset: 0.75rem;
  --cantos-space-lg: 1.5rem;
  --cantos-space-md: 1rem;
  --cantos-space-section: 1.25rem;
  --cantos-space-sm: 0.5rem;
  --cantos-space-xl: 2rem;
  --cantos-space-xs: 0.25rem;
  --cantos-space-xxl: 2.25rem;
  --cantos-state-disabled-opacity: 0.46;
  --cantos-state-focus-opacity: 0.12;
  --cantos-state-hover-opacity: 0.08;
  --cantos-state-pressed-opacity: 0.12;
  --cantos-type-auth-heading-line-height: 1.22;
  --cantos-type-auth-heading-size: 2rem;
  --cantos-type-auth-heading-weight: 400;
  --cantos-type-body-line-height: 1.55;
  --cantos-type-body-size: 1rem;
  --cantos-type-body-weight: 400;
  --cantos-type-editor-line-height: 1.9;
  --cantos-type-editor-size: 0.875rem;
  --cantos-type-editor-weight: 400;
  --cantos-type-family-editorial: "Noto Serif", Georgia, serif;
  --cantos-type-family-ui: "Noto Sans", system-ui, sans-serif;
  --cantos-type-headline-line-height: 1.4;
  --cantos-type-headline-size: 1.75rem;
  --cantos-type-headline-weight: 500;
  --cantos-type-label-line-height: 1.5;
  --cantos-type-label-size: 0.875rem;
  --cantos-type-label-weight: 600;
  --cantos-type-membership-title-line-height: 1.4;
  --cantos-type-membership-title-size: 1.75rem;
  --cantos-type-membership-title-weight: 400;
  --cantos-type-metadata-line-height: 1.5;
  --cantos-type-metadata-size: 0.75rem;
  --cantos-type-metadata-weight: 400;
  --cantos-type-title-line-height: 1.4;
  --cantos-type-title-size: 1.25rem;
  --cantos-type-title-weight: 600;
  --cantos-shape-field: var(--cantos-shape-reading);
}

@media (prefers-color-scheme: dark) {
  .cantos-ui:not([data-theme="light"]):not([data-theme="dark"]) {
    color-scheme: dark;
    --cantos-color-accent: #d9b57d;
    --cantos-color-avatar-clay: #573a2c;
    --cantos-color-avatar-gold: #54432a;
    --cantos-color-avatar-lavender: #4d3a5e;
    --cantos-color-avatar-rose: #5a3239;
    --cantos-color-avatar-sage: #2f4a3a;
    --cantos-color-avatar-sky: #2b4157;
    --cantos-color-background: #211d25;
    --cantos-color-error: #ffb3a9;
    --cantos-color-error-container: #4d2627;
    --cantos-color-focus: #e0b8fc;
    --cantos-color-on-avatar-clay: #f7dfd1;
    --cantos-color-on-avatar-gold: #f8e6c4;
    --cantos-color-on-avatar-lavender: #f0defe;
    --cantos-color-on-avatar-rose: #fbdde2;
    --cantos-color-on-avatar-sage: #d6ecdb;
    --cantos-color-on-avatar-sky: #d8e8f8;
    --cantos-color-on-player-surface: #f7eef9;
    --cantos-color-on-primary: #352044;
    --cantos-color-on-primary-container: #f0defe;
    --cantos-color-on-surface: #f1e9f2;
    --cantos-color-on-surface-variant: #c4b8ca;
    --cantos-color-outline: #9d8ba4;
    --cantos-color-outline-variant: #514658;
    --cantos-color-player-accent: #dec6f0;
    --cantos-color-player-surface: #34283f;
    --cantos-color-primary: #d9bdf1;
    --cantos-color-primary-container: #513b63;
    --cantos-color-success: #b7d6ba;
    --cantos-color-success-container: #293f33;
    --cantos-color-surface: #2c2631;
    --cantos-color-surface-container: #372f3e;
    --cantos-color-surface-container-high: #463a4e;
    --cantos-color-warning: #f5d397;
    --cantos-color-warning-container: #483b26;
  }
}

.cantos-ui[data-theme="light"] {
  color-scheme: light;
  --cantos-color-accent: #886638;
  --cantos-color-avatar-clay: #f2dfd3;
  --cantos-color-avatar-gold: #f3e3c3;
  --cantos-color-avatar-lavender: #e6d9f1;
  --cantos-color-avatar-rose: #f6dde0;
  --cantos-color-avatar-sage: #dbe8dc;
  --cantos-color-avatar-sky: #d9e5f2;
  --cantos-color-background: #f7f3eb;
  --cantos-color-error: #a33436;
  --cantos-color-error-container: #fce3dd;
  --cantos-color-focus: #744b98;
  --cantos-color-on-avatar-clay: #553222;
  --cantos-color-on-avatar-gold: #4d3712;
  --cantos-color-on-avatar-lavender: #3d2b4d;
  --cantos-color-on-avatar-rose: #5a2a33;
  --cantos-color-on-avatar-sage: #24402f;
  --cantos-color-on-avatar-sky: #1f3a52;
  --cantos-color-on-player-surface: #f7eef9;
  --cantos-color-on-primary: #ffffff;
  --cantos-color-on-primary-container: #332340;
  --cantos-color-on-surface: #292331;
  --cantos-color-on-surface-variant: #6c616f;
  --cantos-color-outline: #837587;
  --cantos-color-outline-variant: #dcd4dd;
  --cantos-color-player-accent: #dec6f0;
  --cantos-color-player-surface: #34283f;
  --cantos-color-primary: #675080;
  --cantos-color-primary-container: #e6d9f1;
  --cantos-color-success: #375e4b;
  --cantos-color-success-container: #dfeadf;
  --cantos-color-surface: #fffcf7;
  --cantos-color-surface-container: #eee8f1;
  --cantos-color-surface-container-high: #e7dfea;
  --cantos-color-warning: #7a521c;
  --cantos-color-warning-container: #f6e7ca;
}

.cantos-ui[data-theme="dark"] {
  color-scheme: dark;
  --cantos-color-accent: #d9b57d;
  --cantos-color-avatar-clay: #573a2c;
  --cantos-color-avatar-gold: #54432a;
  --cantos-color-avatar-lavender: #4d3a5e;
  --cantos-color-avatar-rose: #5a3239;
  --cantos-color-avatar-sage: #2f4a3a;
  --cantos-color-avatar-sky: #2b4157;
  --cantos-color-background: #211d25;
  --cantos-color-error: #ffb3a9;
  --cantos-color-error-container: #4d2627;
  --cantos-color-focus: #e0b8fc;
  --cantos-color-on-avatar-clay: #f7dfd1;
  --cantos-color-on-avatar-gold: #f8e6c4;
  --cantos-color-on-avatar-lavender: #f0defe;
  --cantos-color-on-avatar-rose: #fbdde2;
  --cantos-color-on-avatar-sage: #d6ecdb;
  --cantos-color-on-avatar-sky: #d8e8f8;
  --cantos-color-on-player-surface: #f7eef9;
  --cantos-color-on-primary: #352044;
  --cantos-color-on-primary-container: #f0defe;
  --cantos-color-on-surface: #f1e9f2;
  --cantos-color-on-surface-variant: #c4b8ca;
  --cantos-color-outline: #9d8ba4;
  --cantos-color-outline-variant: #514658;
  --cantos-color-player-accent: #dec6f0;
  --cantos-color-player-surface: #34283f;
  --cantos-color-primary: #d9bdf1;
  --cantos-color-primary-container: #513b63;
  --cantos-color-success: #b7d6ba;
  --cantos-color-success-container: #293f33;
  --cantos-color-surface: #2c2631;
  --cantos-color-surface-container: #372f3e;
  --cantos-color-surface-container-high: #463a4e;
  --cantos-color-warning: #f5d397;
  --cantos-color-warning-container: #483b26;
}

.cantos-ui[data-density="comfortable"] {
  --cantos-size-control: 3rem;
  --cantos-space-control-inline: 1rem;
}

.cantos-ui[data-density="compact"] {
  --cantos-size-control: 3rem;
  --cantos-space-control-inline: 0.75rem;
}

@media (prefers-reduced-motion: reduce) {
  :where(.cantos-ui),
  .cantos-ui[data-theme="light"],
  .cantos-ui[data-theme="dark"],
  .cantos-ui:not([data-theme="light"]):not([data-theme="dark"]) {
    --cantos-motion-emphasis-duration: 0ms;
    --cantos-motion-feedback-duration: 0ms;
    --cantos-motion-navigation-duration: 0ms;
    --cantos-motion-shape-duration: 0ms;
  }
}