/* Generated from tokens.json by generate.mjs. Do not edit.
 * Light: source-derived with documented accessibility adjustments.
 * Dark: newly authored extension; no verified dark source UI.
 */
:root {
  --td-space-0: 0px;
  --td-space-1: 4px;
  --td-space-2: 8px;
  --td-space-3: 12px;
  --td-space-4: 16px;
  --td-space-5: 20px;
  --td-space-6: 24px;
  --td-space-8: 32px;
  --td-space-10: 40px;
  --td-space-12: 48px;
  --td-space-16: 64px;
  --td-radius-none: 0px;
  --td-radius-sm: 6px;
  --td-radius-md: 10px;
  --td-radius-lg: 12px;
  --td-radius-xl: 20px;
  --td-radius-2xl: 24px;
  --td-radius-pill: 9999px;
  --td-font-body: "Manrope", "Segoe UI", "Arial", sans-serif;
  --td-font-heading: "Manrope", "Segoe UI", "Arial", sans-serif;
  --td-font-math: "Georgia", "Times New Roman", serif;
  --td-font-size-xs: 0.75rem;
  --td-font-size-sm: 0.875rem;
  --td-font-size-base: 1rem;
  --td-font-size-lg: 1.125rem;
  --td-font-size-xl: 1.25rem;
  --td-font-size-2xl: 1.5rem;
  --td-font-size-3xl: 1.75rem;
  --td-font-size-4xl: 2.25rem;
  --td-font-weight-normal: 400;
  --td-font-weight-medium: 500;
  --td-font-weight-semibold: 600;
  --td-font-weight-bold: 700;
  --td-font-weight-extrabold: 800;
  --td-line-height-tight: 1.25;
  --td-line-height-normal: 1.5;
  --td-line-height-relaxed: 1.7;
}

:root,
:root[data-theme="light"] {
  color-scheme: light;
  --td-color-play-sky: #d8edf5;
  --td-color-play-grass: #bddb9d;
  --td-color-play-sun: #f5cb62;
  --td-color-play-candy: #ebbad6;
  --td-color-play-mint: #c3e7d2;
  --td-color-play-coral: #f2c1af;
  --td-color-play-grape: #d9c7ef;
  --td-color-play-ink: #253d38;
  --td-color-play-paper: #fffaf0;
  --td-color-canvas: #f7f7f0;
  --td-color-surface: #fffffc;
  --td-color-surface-muted: #eeefe6;
  --td-color-surface-raised: #fffffc;
  --td-color-text: #233e36;
  --td-color-text-secondary: #4b5e54;
  --td-color-text-muted: #5d695e;
  --td-color-border: #dfe3d6;
  --td-color-border-strong: #7c8b7a;
  --td-color-primary: #00806a;
  --td-color-primary-hover: #006a58;
  --td-color-on-primary: #ffffff;
  --td-color-primary-soft: #e2f3ee;
  --td-color-on-primary-soft: #00594a;
  --td-color-accent: #f4d889;
  --td-color-on-accent: #534018;
  --td-color-info: #34649b;
  --td-color-info-soft: #edf4fe;
  --td-color-success: #276d49;
  --td-color-success-soft: #eaf5ee;
  --td-color-warning: #886015;
  --td-color-warning-soft: #fcf4e4;
  --td-color-danger: #b93f42;
  --td-color-danger-soft: #fff0f0;
  --td-color-focus: #00806a;
  --td-color-overlay: #10271dcc;
  --td-color-hero: #e6efde;
  --td-color-hero-text: #234633;
  --td-color-brand-bar: #006a58;
  --td-color-on-brand-bar: #f5f8ed;
  --td-color-study-tip: #f5edd4;
  --td-color-conversion-result: #f3f8f0;
  --td-color-conversion-answer: #e6efdd;
  --td-color-on-study-tip: #665322;
  --td-color-math-paper: #f3f5e8;
  --td-color-on-math-paper: #2f573d;
  --td-color-purple-soft: #f2effb;
  --td-color-purple: #795da9;
  --td-color-notation-subject: #1e40af;
  --td-color-notation-subject-soft: #eaf0ff;
  --td-color-notation-auxiliary: #6d28a8;
  --td-color-notation-auxiliary-soft: #f4eaff;
  --td-color-notation-verb: #00685b;
  --td-color-notation-verb-soft: #e2f4ed;
  --td-color-notation-progressive: #0e647e;
  --td-color-notation-progressive-soft: #e5f5fa;
  --td-color-notation-participle: #92500b;
  --td-color-notation-participle-soft: #fff2d7;
  --td-color-notation-past: #9a3c14;
  --td-color-notation-past-soft: #fff0e4;
  --td-color-notation-negative: #a12d55;
  --td-color-notation-negative-soft: #fce8ef;
  --td-color-ec-coral: #d8401d;
  --td-color-ec-coral-deep: #8c220a;
  --td-color-ec-coral-soft: #fff1ed;
  --td-color-ec-sky: #086dd6;
  --td-color-ec-sky-deep: #05438a;
  --td-color-ec-sky-soft: #edf6ff;
  --td-color-ec-indigo: #5540dc;
  --td-color-ec-indigo-deep: #311f94;
  --td-color-ec-indigo-soft: #f2f0ff;
  --td-color-ec-teal: #067d68;
  --td-color-ec-teal-deep: #044f41;
  --td-color-ec-teal-soft: #e8fbf6;
  --td-color-ec-amber: #c25700;
  --td-color-ec-amber-deep: #803600;
  --td-color-ec-amber-soft: #fff6eb;
  --td-color-ec-card-surface: #ffffff;
  --td-color-ec-card-surface-elevated: #f2efe4;
  --td-color-ec-card-border: #dcdfd2;
  --td-color-ec-text-title: #1b3329;
  --td-color-ec-text-body: #3f584d;
  --td-color-ec-text-muted: #566f63;
  --td-color-ec-pill-active-bg: #1e3a2f;
  --td-color-ec-pill-active-text: #ffffff;
  --td-color-ec-glass-dark: #0d1f18;
  --td-color-ec-white: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --td-color-play-sky: #1f3444;
    --td-color-play-grass: #2d493e;
    --td-color-play-sun: #705a2c;
    --td-color-play-candy: #653d57;
    --td-color-play-mint: #2b5142;
    --td-color-play-coral: #663d36;
    --td-color-play-grape: #4b3d65;
    --td-color-play-ink: #f4ead2;
    --td-color-play-paper: #263730;
    --td-color-canvas: #151e1b;
    --td-color-surface: #1e2b25;
    --td-color-surface-muted: #26362d;
    --td-color-surface-raised: #2a3b30;
    --td-color-text: #f0f3e8;
    --td-color-text-secondary: #ced8c9;
    --td-color-text-muted: #b2c3b2;
    --td-color-border: #3b5042;
    --td-color-border-strong: #829b86;
    --td-color-primary: #4fd1b4;
    --td-color-primary-hover: #7adfc6;
    --td-color-on-primary: #00261f;
    --td-color-primary-soft: #12392f;
    --td-color-on-primary-soft: #b8efe0;
    --td-color-accent: #e5c978;
    --td-color-on-accent: #413514;
    --td-color-info: #9dc3f5;
    --td-color-info-soft: #213c56;
    --td-color-success: #8bddaa;
    --td-color-success-soft: #1a422d;
    --td-color-warning: #f0ce8a;
    --td-color-warning-soft: #493a1e;
    --td-color-danger: #ffa5a8;
    --td-color-danger-soft: #4b272d;
    --td-color-focus: #4fd1b4;
    --td-color-overlay: #030b07cc;
    --td-color-hero: #2d4232;
    --td-color-hero-text: #e5f1d5;
    --td-color-brand-bar: #1c3024;
    --td-color-on-brand-bar: #e5f1d5;
    --td-color-study-tip: #403a25;
    --td-color-conversion-result: #25382a;
    --td-color-conversion-answer: #2c4230;
    --td-color-on-study-tip: #efdfaa;
    --td-color-math-paper: #293c2d;
    --td-color-on-math-paper: #c5e4b4;
    --td-color-purple-soft: #352d48;
    --td-color-purple: #d1b9fa;
    --td-color-notation-subject: #a7c4ff;
    --td-color-notation-subject-soft: #203653;
    --td-color-notation-auxiliary: #d8b4fe;
    --td-color-notation-auxiliary-soft: #382344;
    --td-color-notation-verb: #8ee2c1;
    --td-color-notation-verb-soft: #173b34;
    --td-color-notation-progressive: #83d9ed;
    --td-color-notation-progressive-soft: #143844;
    --td-color-notation-participle: #f6cd78;
    --td-color-notation-participle-soft: #433219;
    --td-color-notation-past: #ffb891;
    --td-color-notation-past-soft: #432a20;
    --td-color-notation-negative: #ffadc8;
    --td-color-notation-negative-soft: #472434;
    --td-color-ec-coral: #e04824;
    --td-color-ec-coral-deep: #8c220a;
    --td-color-ec-coral-soft: #361b14;
    --td-color-ec-sky: #0c72dc;
    --td-color-ec-sky-deep: #05438a;
    --td-color-ec-sky-soft: #122840;
    --td-color-ec-indigo: #614ce8;
    --td-color-ec-indigo-deep: #311f94;
    --td-color-ec-indigo-soft: #201a3d;
    --td-color-ec-teal: #078770;
    --td-color-ec-teal-deep: #044f41;
    --td-color-ec-teal-soft: #0f2e28;
    --td-color-ec-amber: #cc5e04;
    --td-color-ec-amber-deep: #803600;
    --td-color-ec-amber-soft: #36200d;
    --td-color-ec-card-surface: #1a2b23;
    --td-color-ec-card-surface-elevated: #22372d;
    --td-color-ec-card-border: #2e473b;
    --td-color-ec-text-title: #eef4e8;
    --td-color-ec-text-body: #bfd1c1;
    --td-color-ec-text-muted: #92ab97;
    --td-color-ec-pill-active-bg: #eef4e8;
    --td-color-ec-pill-active-text: #15261e;
    --td-color-ec-glass-dark: #07110d;
    --td-color-ec-white: #ffffff;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --td-color-play-sky: #1f3444;
  --td-color-play-grass: #2d493e;
  --td-color-play-sun: #705a2c;
  --td-color-play-candy: #653d57;
  --td-color-play-mint: #2b5142;
  --td-color-play-coral: #663d36;
  --td-color-play-grape: #4b3d65;
  --td-color-play-ink: #f4ead2;
  --td-color-play-paper: #263730;
  --td-color-canvas: #151e1b;
  --td-color-surface: #1e2b25;
  --td-color-surface-muted: #26362d;
  --td-color-surface-raised: #2a3b30;
  --td-color-text: #f0f3e8;
  --td-color-text-secondary: #ced8c9;
  --td-color-text-muted: #b2c3b2;
  --td-color-border: #3b5042;
  --td-color-border-strong: #829b86;
  --td-color-primary: #4fd1b4;
  --td-color-primary-hover: #7adfc6;
  --td-color-on-primary: #00261f;
  --td-color-primary-soft: #12392f;
  --td-color-on-primary-soft: #b8efe0;
  --td-color-accent: #e5c978;
  --td-color-on-accent: #413514;
  --td-color-info: #9dc3f5;
  --td-color-info-soft: #213c56;
  --td-color-success: #8bddaa;
  --td-color-success-soft: #1a422d;
  --td-color-warning: #f0ce8a;
  --td-color-warning-soft: #493a1e;
  --td-color-danger: #ffa5a8;
  --td-color-danger-soft: #4b272d;
  --td-color-focus: #4fd1b4;
  --td-color-overlay: #030b07cc;
  --td-color-hero: #2d4232;
  --td-color-hero-text: #e5f1d5;
  --td-color-brand-bar: #1c3024;
  --td-color-on-brand-bar: #e5f1d5;
  --td-color-study-tip: #403a25;
  --td-color-conversion-result: #25382a;
  --td-color-conversion-answer: #2c4230;
  --td-color-on-study-tip: #efdfaa;
  --td-color-math-paper: #293c2d;
  --td-color-on-math-paper: #c5e4b4;
  --td-color-purple-soft: #352d48;
  --td-color-purple: #d1b9fa;
  --td-color-notation-subject: #a7c4ff;
  --td-color-notation-subject-soft: #203653;
  --td-color-notation-auxiliary: #d8b4fe;
  --td-color-notation-auxiliary-soft: #382344;
  --td-color-notation-verb: #8ee2c1;
  --td-color-notation-verb-soft: #173b34;
  --td-color-notation-progressive: #83d9ed;
  --td-color-notation-progressive-soft: #143844;
  --td-color-notation-participle: #f6cd78;
  --td-color-notation-participle-soft: #433219;
  --td-color-notation-past: #ffb891;
  --td-color-notation-past-soft: #432a20;
  --td-color-notation-negative: #ffadc8;
  --td-color-notation-negative-soft: #472434;
  --td-color-ec-coral: #e04824;
  --td-color-ec-coral-deep: #8c220a;
  --td-color-ec-coral-soft: #361b14;
  --td-color-ec-sky: #0c72dc;
  --td-color-ec-sky-deep: #05438a;
  --td-color-ec-sky-soft: #122840;
  --td-color-ec-indigo: #614ce8;
  --td-color-ec-indigo-deep: #311f94;
  --td-color-ec-indigo-soft: #201a3d;
  --td-color-ec-teal: #078770;
  --td-color-ec-teal-deep: #044f41;
  --td-color-ec-teal-soft: #0f2e28;
  --td-color-ec-amber: #cc5e04;
  --td-color-ec-amber-deep: #803600;
  --td-color-ec-amber-soft: #36200d;
  --td-color-ec-card-surface: #1a2b23;
  --td-color-ec-card-surface-elevated: #22372d;
  --td-color-ec-card-border: #2e473b;
  --td-color-ec-text-title: #eef4e8;
  --td-color-ec-text-body: #bfd1c1;
  --td-color-ec-text-muted: #92ab97;
  --td-color-ec-pill-active-bg: #eef4e8;
  --td-color-ec-pill-active-text: #15261e;
  --td-color-ec-glass-dark: #07110d;
  --td-color-ec-white: #ffffff;
}
:root[data-palette="ocean"]:not([data-theme]),
:root[data-palette="ocean"][data-theme="light"] {
  --td-color-primary: #245d91;
  --td-color-primary-hover: #184674;
  --td-color-on-primary: #ffffff;
  --td-color-primary-soft: #e1edf8;
  --td-color-on-primary-soft: #245d91;
  --td-color-hero: #e1edf8;
  --td-color-hero-text: #213b54;
  --td-color-focus: #245d91;
  --td-color-brand-bar: #213b54;
  --td-color-on-brand-bar: #ffffff;
  --td-color-math-paper: #edf2f8;
  --td-color-on-math-paper: #245d91;
  --td-color-conversion-result: #edf2f8;
  --td-color-conversion-answer: #e1edf8;
  --td-color-study-tip: #edf2f8;
  --td-color-on-study-tip: #245d91;
  --td-color-surface-muted: #edf2f8;
  --td-color-canvas: #f8f8fa;
  --td-color-text: #213b54;
  --td-color-accent: #e1edf8;
  --td-color-on-accent: #245d91;
  --td-color-surface: #ffffff;
  --td-color-surface-raised: #ffffff;
  --td-color-text-secondary: #505361;
  --td-color-text-muted: #626574;
  --td-color-border: #dfe0e7;
  --td-color-border-strong: #858693;
}
@media (prefers-color-scheme: dark) {
  :root[data-palette="ocean"]:not([data-theme]) {
  --td-color-primary: #9bc8f0;
  --td-color-primary-hover: #f0eaff;
  --td-color-on-primary: #213b54;
  --td-color-primary-soft: #24394d;
  --td-color-on-primary-soft: #9bc8f0;
  --td-color-hero: #24394d;
  --td-color-hero-text: #f5f3ff;
  --td-color-focus: #9bc8f0;
  --td-color-brand-bar: #213b54;
  --td-color-on-brand-bar: #f5f3ff;
  --td-color-math-paper: #24394d;
  --td-color-on-math-paper: #9bc8f0;
  --td-color-conversion-result: #24394d;
  --td-color-conversion-answer: #24394d;
  --td-color-study-tip: #24394d;
  --td-color-on-study-tip: #9bc8f0;
  --td-color-surface-muted: #24394d;
  --td-color-canvas: #191a20;
  --td-color-text: #f5f3ff;
  --td-color-accent: #9bc8f0;
  --td-color-on-accent: #213b54;
  --td-color-surface: #24252d;
  --td-color-surface-raised: #30313a;
  --td-color-text-secondary: #d6d6df;
  --td-color-text-muted: #bfbfcf;
  --td-color-border: #4e4e5c;
  --td-color-border-strong: #9292a2;
  }
}
:root[data-palette="ocean"][data-theme="dark"] {
  --td-color-primary: #9bc8f0;
  --td-color-primary-hover: #f0eaff;
  --td-color-on-primary: #213b54;
  --td-color-primary-soft: #24394d;
  --td-color-on-primary-soft: #9bc8f0;
  --td-color-hero: #24394d;
  --td-color-hero-text: #f5f3ff;
  --td-color-focus: #9bc8f0;
  --td-color-brand-bar: #213b54;
  --td-color-on-brand-bar: #f5f3ff;
  --td-color-math-paper: #24394d;
  --td-color-on-math-paper: #9bc8f0;
  --td-color-conversion-result: #24394d;
  --td-color-conversion-answer: #24394d;
  --td-color-study-tip: #24394d;
  --td-color-on-study-tip: #9bc8f0;
  --td-color-surface-muted: #24394d;
  --td-color-canvas: #191a20;
  --td-color-text: #f5f3ff;
  --td-color-accent: #9bc8f0;
  --td-color-on-accent: #213b54;
  --td-color-surface: #24252d;
  --td-color-surface-raised: #30313a;
  --td-color-text-secondary: #d6d6df;
  --td-color-text-muted: #bfbfcf;
  --td-color-border: #4e4e5c;
  --td-color-border-strong: #9292a2;
}

:root[data-palette="violet"]:not([data-theme]),
:root[data-palette="violet"][data-theme="light"] {
  --td-color-primary: #68459b;
  --td-color-primary-hover: #503277;
  --td-color-on-primary: #ffffff;
  --td-color-primary-soft: #eee7f8;
  --td-color-on-primary-soft: #68459b;
  --td-color-hero: #eee7f8;
  --td-color-hero-text: #3c2d51;
  --td-color-focus: #68459b;
  --td-color-brand-bar: #3c2d51;
  --td-color-on-brand-bar: #ffffff;
  --td-color-math-paper: #f3eff9;
  --td-color-on-math-paper: #68459b;
  --td-color-conversion-result: #f3eff9;
  --td-color-conversion-answer: #eee7f8;
  --td-color-study-tip: #f3eff9;
  --td-color-on-study-tip: #68459b;
  --td-color-surface-muted: #f3eff9;
  --td-color-canvas: #f8f8fa;
  --td-color-text: #3c2d51;
  --td-color-accent: #eee7f8;
  --td-color-on-accent: #68459b;
  --td-color-surface: #ffffff;
  --td-color-surface-raised: #ffffff;
  --td-color-text-secondary: #505361;
  --td-color-text-muted: #626574;
  --td-color-border: #dfe0e7;
  --td-color-border-strong: #858693;
}
@media (prefers-color-scheme: dark) {
  :root[data-palette="violet"]:not([data-theme]) {
  --td-color-primary: #d0b4f2;
  --td-color-primary-hover: #f0eaff;
  --td-color-on-primary: #3c2d51;
  --td-color-primary-soft: #3b2e4d;
  --td-color-on-primary-soft: #d0b4f2;
  --td-color-hero: #3b2e4d;
  --td-color-hero-text: #f5f3ff;
  --td-color-focus: #d0b4f2;
  --td-color-brand-bar: #3c2d51;
  --td-color-on-brand-bar: #f5f3ff;
  --td-color-math-paper: #3b2e4d;
  --td-color-on-math-paper: #d0b4f2;
  --td-color-conversion-result: #3b2e4d;
  --td-color-conversion-answer: #3b2e4d;
  --td-color-study-tip: #3b2e4d;
  --td-color-on-study-tip: #d0b4f2;
  --td-color-surface-muted: #3b2e4d;
  --td-color-canvas: #191a20;
  --td-color-text: #f5f3ff;
  --td-color-accent: #d0b4f2;
  --td-color-on-accent: #3c2d51;
  --td-color-surface: #24252d;
  --td-color-surface-raised: #30313a;
  --td-color-text-secondary: #d6d6df;
  --td-color-text-muted: #bfbfcf;
  --td-color-border: #4e4e5c;
  --td-color-border-strong: #9292a2;
  }
}
:root[data-palette="violet"][data-theme="dark"] {
  --td-color-primary: #d0b4f2;
  --td-color-primary-hover: #f0eaff;
  --td-color-on-primary: #3c2d51;
  --td-color-primary-soft: #3b2e4d;
  --td-color-on-primary-soft: #d0b4f2;
  --td-color-hero: #3b2e4d;
  --td-color-hero-text: #f5f3ff;
  --td-color-focus: #d0b4f2;
  --td-color-brand-bar: #3c2d51;
  --td-color-on-brand-bar: #f5f3ff;
  --td-color-math-paper: #3b2e4d;
  --td-color-on-math-paper: #d0b4f2;
  --td-color-conversion-result: #3b2e4d;
  --td-color-conversion-answer: #3b2e4d;
  --td-color-study-tip: #3b2e4d;
  --td-color-on-study-tip: #d0b4f2;
  --td-color-surface-muted: #3b2e4d;
  --td-color-canvas: #191a20;
  --td-color-text: #f5f3ff;
  --td-color-accent: #d0b4f2;
  --td-color-on-accent: #3c2d51;
  --td-color-surface: #24252d;
  --td-color-surface-raised: #30313a;
  --td-color-text-secondary: #d6d6df;
  --td-color-text-muted: #bfbfcf;
  --td-color-border: #4e4e5c;
  --td-color-border-strong: #9292a2;
}

:root[data-palette="rose"]:not([data-theme]),
:root[data-palette="rose"][data-theme="light"] {
  --td-color-primary: #d91b70;
  --td-color-primary-hover: #b9155e;
  --td-color-on-primary: #ffffff;
  --td-color-primary-soft: #ffe3ef;
  --td-color-on-primary-soft: #b9155e;
  --td-color-hero: #ffe3ef;
  --td-color-hero-text: #671637;
  --td-color-focus: #d91b70;
  --td-color-brand-bar: #671637;
  --td-color-on-brand-bar: #ffffff;
  --td-color-math-paper: #fff0f6;
  --td-color-on-math-paper: #b9155e;
  --td-color-conversion-result: #fff0f6;
  --td-color-conversion-answer: #ffe3ef;
  --td-color-study-tip: #fff0f6;
  --td-color-on-study-tip: #b9155e;
  --td-color-surface-muted: #fff0f6;
  --td-color-canvas: #fff8fb;
  --td-color-text: #3d2230;
  --td-color-accent: #ffb3d2;
  --td-color-on-accent: #671637;
  --td-color-surface: #ffffff;
  --td-color-surface-raised: #ffffff;
  --td-color-text-secondary: #505361;
  --td-color-text-muted: #626574;
  --td-color-border: #efc8d8;
  --td-color-border-strong: #858693;
}
@media (prefers-color-scheme: dark) {
  :root[data-palette="rose"]:not([data-theme]) {
  --td-color-primary: #ff85b8;
  --td-color-primary-hover: #ffa6cc;
  --td-color-on-primary: #471128;
  --td-color-primary-soft: #492238;
  --td-color-on-primary-soft: #ff9cc7;
  --td-color-hero: #492238;
  --td-color-hero-text: #fff2f8;
  --td-color-focus: #ff85b8;
  --td-color-brand-bar: #502c3b;
  --td-color-on-brand-bar: #f5f3ff;
  --td-color-math-paper: #492238;
  --td-color-on-math-paper: #ff9cc7;
  --td-color-conversion-result: #492238;
  --td-color-conversion-answer: #492238;
  --td-color-study-tip: #492238;
  --td-color-on-study-tip: #ff9cc7;
  --td-color-surface-muted: #492238;
  --td-color-canvas: #191a20;
  --td-color-text: #f5f3ff;
  --td-color-accent: #ff85b8;
  --td-color-on-accent: #471128;
  --td-color-surface: #24252d;
  --td-color-surface-raised: #30313a;
  --td-color-text-secondary: #d6d6df;
  --td-color-text-muted: #bfbfcf;
  --td-color-border: #4e4e5c;
  --td-color-border-strong: #9292a2;
  }
}
:root[data-palette="rose"][data-theme="dark"] {
  --td-color-primary: #ff85b8;
  --td-color-primary-hover: #ffa6cc;
  --td-color-on-primary: #471128;
  --td-color-primary-soft: #492238;
  --td-color-on-primary-soft: #ff9cc7;
  --td-color-hero: #492238;
  --td-color-hero-text: #fff2f8;
  --td-color-focus: #ff85b8;
  --td-color-brand-bar: #502c3b;
  --td-color-on-brand-bar: #f5f3ff;
  --td-color-math-paper: #492238;
  --td-color-on-math-paper: #ff9cc7;
  --td-color-conversion-result: #492238;
  --td-color-conversion-answer: #492238;
  --td-color-study-tip: #492238;
  --td-color-on-study-tip: #ff9cc7;
  --td-color-surface-muted: #492238;
  --td-color-canvas: #191a20;
  --td-color-text: #f5f3ff;
  --td-color-accent: #ff85b8;
  --td-color-on-accent: #471128;
  --td-color-surface: #24252d;
  --td-color-surface-raised: #30313a;
  --td-color-text-secondary: #d6d6df;
  --td-color-text-muted: #bfbfcf;
  --td-color-border: #4e4e5c;
  --td-color-border-strong: #9292a2;
}