/* GENERATED FILE — do not edit by hand. Regenerate with tools/build-design-tokens.mjs.
   Source: @novasamatech/tr-ui@0.3.0 (themes + primitives) and
   paritytech/polkadot-app-design-system (typescale). These are the same tokens the
   Polkadot app clients use, so the docs inherit the app palette and themes verbatim. */

/* --- Primitives (shared by every theme) --------------------------------- */
:root {
  --neutral-50: #f7f7f7;
  --neutral-100: #ececec;
  --neutral-150: #dadada;
  --neutral-200: #c2c2c2;
  --neutral-300: #a3a3a3;
  --neutral-400: #868686;
  --neutral-500: #6b6b6b;
  --neutral-600: #525252;
  --neutral-700: #3a3a3a;
  --neutral-800: #2b2b2b;
  --neutral-850: #222222;
  --neutral-900: #1a1a1a;
  --neutral-950: #121212;
  --neutral-white: #ffffff;
  --neutral-black: #000000;
  --black-alpha-48: #0000007a;
  --black-alpha-24: #0000003d;
  --black-alpha-0: #00000000;
  --black-alpha-80: #000000cc;
  --white-alpha-48: #ffffff7a;
  --white-alpha-16: #ffffff29;
  --white-alpha-0: #ffffff00;
  --white-alpha-80: #ffffffcc;
  --red-alpha-24: #d9363e3d;
  --red-50: #fff5f5;
  --red-100: #ffe5e5;
  --red-200: #ffcaca;
  --red-300: #ffa8a8;
  --red-400: #ff7a7a;
  --red-500: #f25555;
  --red-600: #d9363e;
  --red-700: #b4232f;
  --red-800: #8f1d27;
  --red-900: #671a20;
  --red-950: #3b0d10;
  --amber-50: #fff9ed;
  --amber-100: #fff1cc;
  --amber-200: #ffe199;
  --amber-300: #ffd066;
  --amber-400: #ffbb33;
  --amber-500: #f59e0b;
  --amber-600: #d17f00;
  --amber-700: #a86300;
  --amber-800: #7f4a00;
  --amber-900: #5c3505;
  --amber-950: #2e1a02;
  --green-50: #f2fcf5;
  --green-100: #ddf8e5;
  --green-200: #b8f0c8;
  --green-300: #84e3a0;
  --green-400: #4fd07a;
  --green-500: #22c55e;
  --green-600: #16a34a;
  --green-700: #12803c;
  --green-800: #166534;
  --green-900: #124a29;
  --green-950: #072b18;
  --blue-50: #f4f9ff;
  --blue-100: #e6f0ff;
  --blue-200: #cfe0ff;
  --blue-300: #a9c7ff;
  --blue-400: #78a9ff;
  --blue-500: #4d8dff;
  --blue-600: #2f6fea;
  --blue-700: #2459c5;
  --blue-800: #21489d;
  --blue-900: #1e3975;
  --blue-950: #10203f;
  --violet-50: #f7f5ff;
  --violet-100: #ede9ff;
  --violet-200: #ddd6ff;
  --violet-300: #c4b5fd;
  --violet-400: #a78bfa;
  --violet-500: #8b5cf6;
  --violet-600: #7c3aed;
  --violet-700: #6d28d9;
  --violet-800: #5b21b6;
  --violet-900: #4c1d95;
  --violet-950: #2e1065;
  --pink-50: #fff5f8;
  --pink-100: #ffe4ec;
  --pink-200: #fbcfe8;
  --pink-300: #f9a8d4;
  --pink-400: #f472b6;
  --pink-500: #ec4899;
  --pink-600: #db2777;
  --pink-700: #be185d;
  --pink-800: #9d174d;
  --pink-900: #831843;
  --pink-950: #4c0a2e;
  --zinc-50: #f7f7f8;
  --zinc-100: #f4f4f5;
  --zinc-150: #dadbe0;
  --zinc-200: #c9cad0;
  --zinc-300: #a9abb3;
  --zinc-400: #8c8f98;
  --zinc-500: #6f727a;
  --zinc-600: #585b62;
  --zinc-700: #404249;
  --zinc-800: #2c2e34;
  --zinc-850: #23252a;
  --zinc-900: #1a1b20;
  --zinc-950: #0b0c0f;
  --pearl-200: #f5f5f5;
  --pearl-900: #262626;
  --ruby-100: #ffe4e6;
  --ruby-700: #9f1239;
  --ruby-50: #fff7f8;
  --ruby-200: #fecdd3;
  --ruby-300: #fda4af;
  --ruby-400: #fb7185;
  --ruby-500: #d9576d;
  --ruby-600: #d14967;
  --ruby-800: #881337;
  --ruby-900: #4c0519;
  --ruby-950: #2a020c;
  --ruby-20: #fff5f6;
  --sapphire-100: #dbeafe;
  --sapphire-800: #1e3a8a;
  --emerald-100: #d1fae5;
  --emerald-800: #064e3b;
  --emerald-50: #ecfdf5;
  --emerald-200: #a7f3d0;
  --emerald-300: #6ee7b7;
  --emerald-400: #34d399;
  --emerald-500: #10b981;
  --emerald-600: #059669;
  --emerald-700: #065f46;
  --emerald-900: #022c22;
  --emerald-950: #011b15;
  --emerald-20: #f5fffa;
  --amethyst-100: #ede9fe;
  --amethyst-500: #7c3aed;
  --topaz-100: #ffedd5;
  --topaz-600: #c24c1b;
  --topaz-50: #fff7ed;
  --topaz-200: #fed7aa;
  --topaz-300: #fdba74;
  --topaz-400: #ed9853;
  --topaz-500: #d96c21;
  --topaz-700: #9a3412;
  --topaz-800: #7c2d12;
  --topaz-900: #431407;
  --topaz-950: #240a02;
  --topaz-20: #fffbf5;
  --opal-300: #a5b4fc;
  --opal-950: #1e1b4b;
  --onyx-100: #e5e7eb;
  --onyx-700: #1e293b;
  --garnet-100: #fee2e2;
  --garnet-800: #7f1d1d;
  --turquoise-100: #cffafe;
  --turquoise-600: #0891b2;
  --ruby-muted-20: #f7f6f8;
  --ruby-muted-50: #f3f1f5;
  --ruby-muted-100: #d9d4dd;
  --ruby-muted-200: #c5bfcb;
  --ruby-muted-300: #a59dae;
  --ruby-muted-400: #877f91;
  --ruby-muted-500: #6a6275;
  --ruby-muted-600: #544c5f;
  --ruby-muted-700: #3d3647;
  --ruby-muted-800: #2b2533;
  --ruby-muted-900: #18131d;
  --ruby-muted-950: #0b070e;
  --emerald-muted-20: #f6f8f7;
  --emerald-muted-50: #f2f5f3;
  --emerald-muted-100: #d7ddd9;
  --emerald-muted-200: #c3cbc7;
  --emerald-muted-300: #a3aca7;
  --emerald-muted-400: #858f89;
  --emerald-muted-500: #68726c;
  --emerald-muted-600: #535c57;
  --emerald-muted-700: #3c4541;
  --emerald-muted-800: #2a322f;
  --emerald-muted-900: #181e1c;
  --emerald-muted-950: #090d0b;
  --topaz-muted-20: #f8f7f6;
  --topaz-muted-50: #f4f3f2;
  --topaz-muted-100: #ddd8d3;
  --topaz-muted-200: #cac5bf;
  --topaz-muted-300: #a9a39b;
  --topaz-muted-400: #8b857d;
  --topaz-muted-500: #6f6961;
  --topaz-muted-600: #59534b;
  --topaz-muted-700: #433c35;
  --topaz-muted-800: #302a24;
  --topaz-muted-900: #1d1814;
  --topaz-muted-950: #0e0907;
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Martian Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-accent: 'Manrope', ui-sans-serif, system-ui, sans-serif;
  --font-size-10: 0.625rem;
  --font-size-12: 0.75rem;
  --font-size-14: 0.875rem;
  --font-size-16: 1rem;
  --font-size-18: 1.125rem;
  --font-size-20: 1.25rem;
  --font-size-24: 1.5rem;
  --font-size-28: 1.75rem;
  --font-size-32: 2rem;
  --font-size-36: 2.25rem;
  --font-size-48: 3rem;
  --font-size-56: 3.5rem;
  --font-size-96: 6rem;
  --font-size-128: 8rem;
  --font-size-64: 4rem;
  --font-size-80: 5rem;
  --font-weight-thin: 100;
  --font-weight-extraLight: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semiBold: 600;
  --font-weight-bold: 700;
  --font-weight-extraBold: 800;
  --font-weight-black: 900;
  --line-height-14: 0.875rem;
  --line-height-16: 1rem;
  --line-height-18: 1.125rem;
  --line-height-20: 1.25rem;
  --line-height-24: 1.5rem;
  --line-height-28: 1.75rem;
  --line-height-32: 2rem;
  --line-height-36: 2.25rem;
  --line-height-40: 2.5rem;
  --line-height-48: 3rem;
  --line-height-64: 4rem;
  --line-height-72: 4.5rem;
  --line-height-80: 5rem;
  --space-0: 0px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-10: 10px;
  --space-6: 6px;
  --space-14: 14px;
  --radius-0: 0px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-24: 24px;
  --radius-32: 32px;
  --radius-9999: 9999px;
  --radius-14: 14px;
  --radius-2: 2px;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-4: 4px;
  --opacity-2: 0.02;
  --opacity-4: 0.04;
  --opacity-6: 0.06;
  --opacity-8: 0.08;
  --opacity-12: 0.12;
  --opacity-16: 0.16;
  --opacity-20: 0.2;
  --opacity-32: 0.32;
  --opacity-48: 0.48;
  --opacity-64: 0.64;
  --opacity-80: 0.8;
  --opacity-100: 1;
  --opacity-0: 0;
}

/* --- Typescale (Polkadot App Default: headings Manrope, body Inter, code Martian Mono) --- */
:root {
  --type-display-large-family: var(--font-accent);
  --type-display-large-size: var(--font-size-56);
  --type-display-large-line-height: var(--line-height-80);
  --type-display-large-weight: var(--font-weight-bold);
  --type-display-large-tracking: -0.01em;
  --type-body-large-family: var(--font-sans);
  --type-body-large-size: var(--font-size-16);
  --type-body-large-line-height: var(--line-height-24);
  --type-body-large-weight: var(--font-weight-regular);
  --type-body-large-tracking: 0em;
  --type-display-medium-family: var(--font-accent);
  --type-display-medium-size: var(--font-size-48);
  --type-display-medium-line-height: var(--line-height-64);
  --type-display-medium-weight: var(--font-weight-bold);
  --type-display-medium-tracking: -0.01em;
  --type-display-small-family: var(--font-accent);
  --type-display-small-size: var(--font-size-36);
  --type-display-small-line-height: var(--line-height-48);
  --type-display-small-weight: var(--font-weight-bold);
  --type-display-small-tracking: -0.005em;
  --type-headline-large-family: var(--font-accent);
  --type-headline-large-size: var(--font-size-32);
  --type-headline-large-line-height: var(--line-height-40);
  --type-headline-large-weight: var(--font-weight-bold);
  --type-headline-large-tracking: -0.005em;
  --type-headline-medium-family: var(--font-accent);
  --type-headline-medium-size: var(--font-size-28);
  --type-headline-medium-line-height: var(--line-height-36);
  --type-headline-medium-weight: var(--font-weight-bold);
  --type-headline-medium-tracking: 0em;
  --type-headline-small-family: var(--font-accent);
  --type-headline-small-size: var(--font-size-24);
  --type-headline-small-line-height: var(--line-height-32);
  --type-headline-small-weight: var(--font-weight-bold);
  --type-headline-small-tracking: 0em;
  --type-title-extra-large-family: var(--font-accent);
  --type-title-extra-large-size: var(--font-size-20);
  --type-title-extra-large-line-height: var(--line-height-28);
  --type-title-extra-large-weight: var(--font-weight-bold);
  --type-title-extra-large-tracking: 0em;
  --type-title-large-family: var(--font-accent);
  --type-title-large-size: var(--font-size-18);
  --type-title-large-line-height: var(--line-height-24);
  --type-title-large-weight: var(--font-weight-bold);
  --type-title-large-tracking: 0em;
  --type-title-medium-family: var(--font-accent);
  --type-title-medium-size: var(--font-size-16);
  --type-title-medium-line-height: var(--line-height-24);
  --type-title-medium-weight: var(--font-weight-semiBold);
  --type-title-medium-tracking: 0em;
  --type-title-small-family: var(--font-accent);
  --type-title-small-size: var(--font-size-14);
  --type-title-small-line-height: var(--line-height-20);
  --type-title-small-weight: var(--font-weight-semiBold);
  --type-title-small-tracking: 0em;
  --type-title-tiny-family: var(--font-accent);
  --type-title-tiny-size: var(--font-size-12);
  --type-title-tiny-line-height: var(--line-height-16);
  --type-title-tiny-weight: var(--font-weight-semiBold);
  --type-title-tiny-tracking: 0em;
  --type-paragraph-large-family: var(--font-sans);
  --type-paragraph-large-size: var(--font-size-16);
  --type-paragraph-large-line-height: var(--line-height-20);
  --type-paragraph-large-weight: var(--font-weight-regular);
  --type-paragraph-large-tracking: 0em;
  --type-paragraph-medium-family: var(--font-sans);
  --type-paragraph-medium-size: var(--font-size-14);
  --type-paragraph-medium-line-height: var(--line-height-18);
  --type-paragraph-medium-weight: var(--font-weight-regular);
  --type-paragraph-medium-tracking: 0em;
  --type-paragraph-small-family: var(--font-sans);
  --type-paragraph-small-size: var(--font-size-12);
  --type-paragraph-small-line-height: var(--line-height-16);
  --type-paragraph-small-weight: var(--font-weight-regular);
  --type-paragraph-small-tracking: 0em;
  --type-emoji-small-family: var(--font-mono);
  --type-emoji-small-size: var(--font-size-20);
  --type-emoji-small-line-height: var(--line-height-20);
  --type-emoji-small-weight: var(--font-weight-regular);
  --type-body-medium-family: var(--font-sans);
  --type-body-medium-size: var(--font-size-14);
  --type-body-medium-line-height: var(--line-height-20);
  --type-body-medium-weight: var(--font-weight-regular);
  --type-body-medium-tracking: 0em;
  --type-body-small-family: var(--font-sans);
  --type-body-small-size: var(--font-size-12);
  --type-body-small-line-height: var(--line-height-16);
  --type-body-small-weight: var(--font-weight-regular);
  --type-body-small-tracking: 0em;
  --type-label-small-family: var(--font-sans);
  --type-label-small-size: var(--font-size-10);
  --type-label-small-line-height: var(--line-height-14);
  --type-label-small-weight: var(--font-weight-medium);
  --type-label-small-tracking: 0em;
  --type-label-medium-family: var(--font-sans);
  --type-label-medium-size: var(--font-size-12);
  --type-label-medium-line-height: var(--line-height-16);
  --type-label-medium-weight: var(--font-weight-medium);
  --type-label-medium-tracking: 0em;
  --type-emoji-large-family: var(--font-sans);
  --type-emoji-large-size: var(--font-size-80);
  --type-emoji-large-line-height: var(--line-height-80);
  --type-emoji-large-weight: var(--font-weight-regular);
  --type-display-extra-large-family: var(--font-accent);
  --type-display-extra-large-size: var(--font-size-64);
  --type-display-extra-large-line-height: var(--line-height-80);
  --type-display-extra-large-weight: var(--font-weight-bold);
  --type-display-extra-large-tracking: -0.01em;
  --type-emoji-medium-family: var(--font-sans);
  --type-emoji-medium-size: var(--font-size-32);
  --type-emoji-medium-line-height: var(--line-height-32);
  --type-emoji-medium-weight: var(--font-weight-regular);
  --type-title-medium-emphasized-family: var(--font-accent);
  --type-title-medium-emphasized-size: var(--font-size-16);
  --type-title-medium-emphasized-line-height: var(--line-height-24);
  --type-title-medium-emphasized-weight: var(--font-weight-bold);
  --type-title-medium-emphasized-tracking: 0em;
  --type-title-small-emphasized-family: var(--font-accent);
  --type-title-small-emphasized-size: var(--font-size-14);
  --type-title-small-emphasized-line-height: var(--line-height-20);
  --type-title-small-emphasized-weight: var(--font-weight-bold);
  --type-title-small-emphasized-tracking: 0em;
  --type-title-tiny-emphasized-family: var(--font-accent);
  --type-title-tiny-emphasized-size: var(--font-size-12);
  --type-title-tiny-emphasized-line-height: var(--line-height-16);
  --type-title-tiny-emphasized-weight: var(--font-weight-bold);
  --type-title-tiny-emphasized-tracking: 0em;
  --type-code-large-family: var(--font-mono);
  --type-code-large-size: var(--font-size-16);
  --type-code-large-line-height: var(--line-height-20);
  --type-code-large-weight: var(--font-weight-regular);
  --type-code-large-tracking: 0em;
  --type-code-medium-family: var(--font-mono);
  --type-code-medium-size: var(--font-size-14);
  --type-code-medium-line-height: var(--line-height-18);
  --type-code-medium-weight: var(--font-weight-regular);
  --type-code-medium-tracking: 0em;
  --type-code-small-family: var(--font-mono);
  --type-code-small-size: var(--font-size-12);
  --type-code-small-line-height: var(--line-height-16);
  --type-code-small-weight: var(--font-weight-regular);
  --type-code-small-tracking: 0em;
  --type-body-large-emphasized-family: var(--font-sans);
  --type-body-large-emphasized-size: var(--font-size-16);
  --type-body-large-emphasized-line-height: var(--line-height-24);
  --type-body-large-emphasized-weight: var(--font-weight-medium);
  --type-body-large-emphasized-tracking: 0em;
  --type-body-medium-emphasized-family: var(--font-sans);
  --type-body-medium-emphasized-size: var(--font-size-14);
  --type-body-medium-emphasized-line-height: var(--line-height-20);
  --type-body-medium-emphasized-weight: var(--font-weight-medium);
  --type-body-medium-emphasized-tracking: 0em;
  --type-body-small-emphasized-family: var(--font-sans);
  --type-body-small-emphasized-size: var(--font-size-12);
  --type-body-small-emphasized-line-height: var(--line-height-16);
  --type-body-small-emphasized-weight: var(--font-weight-medium);
  --type-body-small-emphasized-tracking: 0em;
  --type-label-medium-emphasized-family: var(--font-sans);
  --type-label-medium-emphasized-size: var(--font-size-12);
  --type-label-medium-emphasized-line-height: var(--line-height-16);
  --type-label-medium-emphasized-weight: var(--font-weight-semiBold);
  --type-label-medium-emphasized-tracking: 0em;
  --type-caption-medium-family: var(--font-sans);
  --type-caption-medium-size: var(--font-size-12);
  --type-caption-medium-line-height: var(--line-height-16);
  --type-caption-medium-weight: var(--font-weight-semiBold);
  --type-caption-medium-tracking: 0.01em;
  --type-label-small-emphasized-family: var(--font-sans);
  --type-label-small-emphasized-size: var(--font-size-10);
  --type-label-small-emphasized-line-height: var(--line-height-14);
  --type-label-small-emphasized-weight: var(--font-weight-semiBold);
  --type-label-small-emphasized-tracking: 0em;
  --type-caption-small-family: var(--font-sans);
  --type-caption-small-size: var(--font-size-10);
  --type-caption-small-line-height: var(--line-height-14);
  --type-caption-small-weight: var(--font-weight-semiBold);
  --type-caption-small-tracking: 0.012em;
  --type-code-extra-large-family: var(--font-mono);
  --type-code-extra-large-size: var(--font-size-20);
  --type-code-extra-large-line-height: var(--line-height-24);
  --type-code-extra-large-weight: var(--font-weight-regular);
  --type-code-extra-large-tracking: 0em;
}

/* --- Theme swatches (what the theme picker shows) ----------------------- */
:root {
  --dg-swatch-berlin: var(--zinc-950);
  --dg-swatch-tokyo: var(--ruby-700);
  --dg-swatch-malta: var(--emerald-700);
  --dg-swatch-lisbon: var(--topaz-500);
}

/* --- Theme: berlin (default) --------------------------------------------- */
[data-md-color-scheme="polkadot-light"],
[data-dg-theme="berlin"] [data-md-color-scheme="polkadot-light"] {
  --fg-error: var(--red-600);
  --fg-link-hover: var(--blue-500);
  --fg-link: var(--blue-600);
  --fg-tertiary: var(--zinc-400);
  --fg-secondary: var(--zinc-600);
  --fg-warning: var(--amber-600);
  --fg-success: var(--green-600);
  --fg-primary: var(--zinc-950);
  --fg-primary-inverted: var(--zinc-100);
  --fg-secondary-inverted: var(--zinc-400);
  --fg-tertiary-inverted: var(--zinc-600);
  --fg-static-white: var(--neutral-white);
  --fg-secondary-hover: var(--zinc-950);
  --fg-secondary-inverted-hover: var(--neutral-150);
  --fg-disabled: var(--zinc-400);
  --bg-surface-main: var(--zinc-50);
  --bg-surface-container: var(--neutral-white);
  --bg-surface-container-inverted: var(--neutral-900);
  --bg-surface-nested-inverted: var(--zinc-850);
  --bg-surface-overlay: var(--black-alpha-48);
  --bg-surface-nested: var(--zinc-50);
  --bg-selection-container-hover: var(--zinc-50);
  --bg-selection-container-active: var(--zinc-100);
  --bg-selection-container-hover-inverted: var(--zinc-850);
  --bg-selection-container-active-inverted: var(--zinc-900);
  --bg-status-error: var(--red-600);
  --bg-status-warning: var(--amber-500);
  --bg-status-error-hover: var(--red-700);
  --bg-status-warning-hover: var(--amber-400);
  --bg-status-success: var(--green-600);
  --bg-status-success-hover: var(--green-700);
  --bg-accent: var(--blue-500);
  --bg-action-primary: var(--zinc-950);
  --bg-action-secondary: var(--zinc-200);
  --bg-action-primary-inverted: var(--neutral-white);
  --bg-action-secondary-inverted: var(--zinc-850);
  --bg-action-primary-hover: var(--zinc-850);
  --bg-action-secondary-hover: var(--zinc-150);
  --bg-action-primary-inverted-hover: var(--zinc-100);
  --bg-action-secondary-inverted-hover: var(--zinc-700);
  --bg-action-tertiary: var(--zinc-100);
  --bg-action-tertiary-hover: var(--zinc-300);
  --bg-action-tertiary-inverted: var(--zinc-700);
  --bg-action-tertiary-inverted-hover: var(--zinc-600);
  --bg-action-active: var(--zinc-200);
  --bg-action-disabled: var(--zinc-200);
  --bg-action-error: var(--red-200);
  --bg-illustration-dark: var(--zinc-950);
  --bg-illustration-light: var(--zinc-50);
  --bg-illustration-dark-muted: var(--zinc-500);
  --bg-illustration-light-muted: var(--zinc-50);
  --stroke-primary: var(--zinc-150);
  --stroke-error: var(--red-600);
  --stroke-warning: var(--amber-500);
  --stroke-success: var(--green-500);
  --stroke-tertiary: var(--zinc-300);
  --stroke-primary-inverted: var(--zinc-800);
  --stroke-secondary: var(--zinc-150);
  --stroke-cutout: var(--neutral-white);
  --focus-error: var(--red-alpha-24);
  --focus-ring: var(--black-alpha-24);
  --shadow-soft: var(--black-alpha-24);
  --shadow-medium: var(--black-alpha-48);
  --avatar-bg-amethyst: var(--amethyst-500);
  --avatar-bg-opal: var(--opal-950);
  --avatar-bg-turquoise: var(--turquoise-600);
  --avatar-bg-onyx: var(--onyx-700);
  --avatar-bg-pearl: var(--pearl-900);
  --avatar-bg-emerald: var(--emerald-800);
  --avatar-bg-topaz: var(--topaz-600);
  --avatar-bg-ruby: var(--ruby-700);
  --avatar-bg-sapphire: var(--sapphire-800);
  --avatar-bg-garnet: var(--garnet-800);
  --avatar-fg-amethyst: var(--amethyst-100);
  --avatar-fg-opal: var(--opal-300);
  --avatar-fg-turquoise: var(--turquoise-100);
  --avatar-fg-onyx: var(--onyx-100);
  --avatar-fg-pearl: var(--pearl-200);
  --avatar-fg-emerald: var(--emerald-100);
  --avatar-fg-topaz: var(--topaz-100);
  --avatar-fg-ruby: var(--ruby-100);
  --avatar-fg-sapphire: var(--sapphire-100);
  --avatar-fg-garnet: var(--garnet-100);
  --gradient-navigation-overlay-start: var(--white-alpha-80);
  --gradient-navigation-overlay-end: var(--white-alpha-0);
}

[data-md-color-scheme="polkadot-dark"],
[data-dg-theme="berlin"] [data-md-color-scheme="polkadot-dark"] {
  --fg-error: var(--red-600);
  --fg-link-hover: var(--blue-400);
  --fg-link: var(--blue-500);
  --fg-tertiary: var(--zinc-600);
  --fg-secondary: var(--zinc-400);
  --fg-warning: var(--amber-500);
  --fg-success: var(--green-500);
  --fg-primary: var(--zinc-100);
  --fg-primary-inverted: var(--zinc-950);
  --fg-secondary-inverted: var(--zinc-500);
  --fg-tertiary-inverted: var(--zinc-400);
  --fg-static-white: var(--neutral-white);
  --fg-secondary-hover: var(--zinc-150);
  --fg-secondary-inverted-hover: var(--neutral-black);
  --fg-disabled: var(--zinc-600);
  --bg-surface-main: var(--zinc-950);
  --bg-surface-container: var(--zinc-900);
  --bg-surface-container-inverted: var(--neutral-white);
  --bg-surface-nested-inverted: var(--zinc-100);
  --bg-surface-overlay: var(--black-alpha-48);
  --bg-surface-nested: var(--zinc-850);
  --bg-selection-container-hover: var(--zinc-850);
  --bg-selection-container-active: var(--zinc-800);
  --bg-selection-container-hover-inverted: var(--zinc-50);
  --bg-selection-container-active-inverted: var(--zinc-100);
  --bg-status-error: var(--red-600);
  --bg-status-warning: var(--amber-500);
  --bg-status-error-hover: var(--red-700);
  --bg-status-warning-hover: var(--amber-400);
  --bg-status-success: var(--green-600);
  --bg-status-success-hover: var(--green-700);
  --bg-accent: var(--blue-500);
  --bg-action-primary: var(--zinc-150);
  --bg-action-secondary: var(--zinc-700);
  --bg-action-primary-inverted: var(--zinc-950);
  --bg-action-secondary-inverted: var(--zinc-200);
  --bg-action-primary-hover: var(--zinc-200);
  --bg-action-secondary-hover: var(--zinc-800);
  --bg-action-primary-inverted-hover: var(--zinc-850);
  --bg-action-secondary-inverted-hover: var(--zinc-300);
  --bg-action-tertiary: var(--zinc-800);
  --bg-action-tertiary-hover: var(--zinc-700);
  --bg-action-tertiary-inverted: var(--zinc-100);
  --bg-action-tertiary-inverted-hover: var(--zinc-150);
  --bg-action-active: var(--zinc-600);
  --bg-action-disabled: var(--zinc-800);
  --bg-action-error: var(--red-950);
  --bg-illustration-dark: var(--zinc-150);
  --bg-illustration-light: var(--zinc-900);
  --bg-illustration-dark-muted: var(--zinc-600);
  --bg-illustration-light-muted: var(--zinc-600);
  --stroke-primary: var(--zinc-850);
  --stroke-error: var(--red-600);
  --stroke-warning: var(--amber-500);
  --stroke-success: var(--green-500);
  --stroke-tertiary: var(--zinc-400);
  --stroke-primary-inverted: var(--zinc-150);
  --stroke-secondary: var(--zinc-700);
  --stroke-cutout: var(--neutral-black);
  --focus-error: var(--red-alpha-24);
  --focus-ring: var(--white-alpha-16);
  --shadow-soft: var(--black-alpha-24);
  --shadow-medium: var(--black-alpha-48);
  --avatar-bg-amethyst: var(--amethyst-500);
  --avatar-bg-opal: var(--opal-950);
  --avatar-bg-turquoise: var(--turquoise-600);
  --avatar-bg-onyx: var(--onyx-700);
  --avatar-bg-pearl: var(--pearl-900);
  --avatar-bg-emerald: var(--emerald-800);
  --avatar-bg-topaz: var(--topaz-600);
  --avatar-bg-ruby: var(--ruby-700);
  --avatar-bg-sapphire: var(--sapphire-800);
  --avatar-bg-garnet: var(--garnet-800);
  --avatar-fg-amethyst: var(--amethyst-100);
  --avatar-fg-opal: var(--opal-300);
  --avatar-fg-turquoise: var(--turquoise-100);
  --avatar-fg-onyx: var(--onyx-100);
  --avatar-fg-pearl: var(--pearl-200);
  --avatar-fg-emerald: var(--emerald-100);
  --avatar-fg-topaz: var(--topaz-100);
  --avatar-fg-ruby: var(--ruby-100);
  --avatar-fg-sapphire: var(--sapphire-100);
  --avatar-fg-garnet: var(--garnet-100);
  --gradient-navigation-overlay-start: var(--black-alpha-80);
  --gradient-navigation-overlay-end: var(--black-alpha-0);
}

/* --- Theme: tokyo --------------------------------------------- */
[data-dg-theme="tokyo"] [data-md-color-scheme="polkadot-light"] {
  --fg-error: var(--red-600);
  --fg-link-hover: var(--ruby-800);
  --fg-link: var(--ruby-700);
  --fg-tertiary: var(--ruby-600);
  --fg-secondary: var(--ruby-800);
  --fg-warning: var(--amber-600);
  --fg-success: var(--green-600);
  --fg-primary: var(--ruby-900);
  --fg-primary-inverted: var(--zinc-100);
  --fg-secondary-inverted: var(--ruby-50);
  --fg-tertiary-inverted: var(--ruby-100);
  --fg-static-white: var(--neutral-white);
  --fg-secondary-hover: var(--zinc-950);
  --fg-secondary-inverted-hover: var(--neutral-150);
  --fg-disabled: var(--ruby-300);
  --bg-surface-main: var(--ruby-100);
  --bg-surface-container: var(--ruby-20);
  --bg-surface-container-inverted: var(--ruby-700);
  --bg-surface-nested-inverted: var(--ruby-500);
  --bg-surface-overlay: var(--black-alpha-48);
  --bg-surface-nested: var(--ruby-100);
  --bg-selection-container-hover: var(--ruby-50);
  --bg-selection-container-active: var(--ruby-100);
  --bg-selection-container-hover-inverted: var(--ruby-900);
  --bg-selection-container-active-inverted: var(--zinc-900);
  --bg-status-error: var(--red-600);
  --bg-status-warning: var(--amber-500);
  --bg-status-error-hover: var(--red-700);
  --bg-status-warning-hover: var(--amber-400);
  --bg-status-success: var(--green-600);
  --bg-status-success-hover: var(--green-700);
  --bg-accent: var(--blue-500);
  --bg-action-primary: var(--ruby-700);
  --bg-action-secondary: var(--ruby-300);
  --bg-action-primary-inverted: var(--neutral-white);
  --bg-action-secondary-inverted: var(--ruby-900);
  --bg-action-primary-hover: var(--zinc-850);
  --bg-action-secondary-hover: var(--zinc-150);
  --bg-action-primary-inverted-hover: var(--zinc-100);
  --bg-action-secondary-inverted-hover: var(--zinc-700);
  --bg-action-tertiary: var(--ruby-100);
  --bg-action-tertiary-hover: var(--zinc-300);
  --bg-action-tertiary-inverted: var(--ruby-800);
  --bg-action-tertiary-inverted-hover: var(--zinc-600);
  --bg-action-active: var(--zinc-200);
  --bg-action-disabled: var(--ruby-200);
  --bg-action-error: var(--red-200);
  --bg-illustration-dark: var(--ruby-600);
  --bg-illustration-light: var(--ruby-50);
  --bg-illustration-dark-muted: var(--ruby-300);
  --bg-illustration-light-muted: var(--ruby-100);
  --stroke-primary: var(--ruby-200);
  --stroke-error: var(--red-600);
  --stroke-warning: var(--amber-500);
  --stroke-success: var(--green-500);
  --stroke-tertiary: var(--ruby-400);
  --stroke-primary-inverted: var(--zinc-800);
  --stroke-secondary: var(--ruby-300);
  --stroke-cutout: var(--neutral-white);
  --focus-error: var(--red-alpha-24);
  --focus-ring: var(--black-alpha-24);
  --shadow-soft: var(--black-alpha-24);
  --shadow-medium: var(--black-alpha-48);
  --avatar-bg-amethyst: var(--amethyst-500);
  --avatar-bg-opal: var(--opal-950);
  --avatar-bg-turquoise: var(--turquoise-600);
  --avatar-bg-onyx: var(--onyx-700);
  --avatar-bg-pearl: var(--pearl-900);
  --avatar-bg-emerald: var(--emerald-800);
  --avatar-bg-topaz: var(--topaz-600);
  --avatar-bg-ruby: var(--ruby-700);
  --avatar-bg-sapphire: var(--sapphire-800);
  --avatar-bg-garnet: var(--garnet-800);
  --avatar-fg-amethyst: var(--amethyst-100);
  --avatar-fg-opal: var(--opal-300);
  --avatar-fg-turquoise: var(--turquoise-100);
  --avatar-fg-onyx: var(--onyx-100);
  --avatar-fg-pearl: var(--pearl-200);
  --avatar-fg-emerald: var(--emerald-100);
  --avatar-fg-topaz: var(--topaz-100);
  --avatar-fg-ruby: var(--ruby-100);
  --avatar-fg-sapphire: var(--sapphire-100);
  --avatar-fg-garnet: var(--garnet-100);
  --gradient-navigation-overlay-start: var(--white-alpha-80);
  --gradient-navigation-overlay-end: var(--white-alpha-0);
}

[data-dg-theme="tokyo"] [data-md-color-scheme="polkadot-dark"] {
  --fg-error: var(--red-600);
  --fg-link-hover: var(--blue-400);
  --fg-link: var(--blue-500);
  --fg-tertiary: var(--ruby-muted-600);
  --fg-secondary: var(--ruby-muted-400);
  --fg-warning: var(--amber-500);
  --fg-success: var(--green-500);
  --fg-primary: var(--ruby-muted-100);
  --fg-primary-inverted: var(--ruby-muted-950);
  --fg-secondary-inverted: var(--ruby-muted-500);
  --fg-tertiary-inverted: var(--ruby-muted-400);
  --fg-static-white: var(--neutral-white);
  --fg-secondary-hover: var(--ruby-muted-200);
  --fg-secondary-inverted-hover: var(--ruby-muted-950);
  --fg-disabled: var(--ruby-muted-600);
  --bg-surface-main: var(--ruby-muted-950);
  --bg-surface-container: var(--ruby-muted-900);
  --bg-surface-container-inverted: var(--ruby-muted-100);
  --bg-surface-nested-inverted: var(--ruby-muted-200);
  --bg-surface-overlay: var(--black-alpha-48);
  --bg-surface-nested: var(--ruby-muted-800);
  --bg-selection-container-hover: var(--ruby-muted-900);
  --bg-selection-container-active: var(--ruby-muted-800);
  --bg-selection-container-hover-inverted: var(--ruby-muted-50);
  --bg-selection-container-active-inverted: var(--ruby-muted-100);
  --bg-status-error: var(--red-600);
  --bg-status-warning: var(--amber-500);
  --bg-status-error-hover: var(--red-700);
  --bg-status-warning-hover: var(--amber-400);
  --bg-status-success: var(--green-600);
  --bg-status-success-hover: var(--green-700);
  --bg-accent: var(--blue-500);
  --bg-action-primary: var(--ruby-muted-200);
  --bg-action-secondary: var(--ruby-muted-700);
  --bg-action-primary-inverted: var(--ruby-muted-950);
  --bg-action-secondary-inverted: var(--ruby-muted-200);
  --bg-action-primary-hover: var(--ruby-muted-200);
  --bg-action-secondary-hover: var(--ruby-muted-800);
  --bg-action-primary-inverted-hover: var(--ruby-muted-800);
  --bg-action-secondary-inverted-hover: var(--ruby-muted-300);
  --bg-action-tertiary: var(--ruby-muted-800);
  --bg-action-tertiary-hover: var(--ruby-muted-700);
  --bg-action-tertiary-inverted: var(--ruby-muted-100);
  --bg-action-tertiary-inverted-hover: var(--ruby-muted-100);
  --bg-action-active: var(--ruby-muted-600);
  --bg-action-disabled: var(--ruby-muted-800);
  --bg-action-error: var(--red-950);
  --bg-illustration-dark: var(--ruby-muted-300);
  --bg-illustration-light: var(--ruby-muted-900);
  --bg-illustration-dark-muted: var(--ruby-muted-500);
  --bg-illustration-light-muted: var(--ruby-muted-800);
  --stroke-primary: var(--ruby-muted-800);
  --stroke-error: var(--red-600);
  --stroke-warning: var(--amber-500);
  --stroke-success: var(--green-500);
  --stroke-tertiary: var(--ruby-muted-500);
  --stroke-primary-inverted: var(--ruby-muted-200);
  --stroke-secondary: var(--ruby-muted-700);
  --stroke-cutout: var(--ruby-muted-950);
  --focus-error: var(--red-alpha-24);
  --focus-ring: var(--white-alpha-16);
  --shadow-soft: var(--black-alpha-24);
  --shadow-medium: var(--black-alpha-48);
  --avatar-bg-amethyst: var(--amethyst-500);
  --avatar-bg-opal: var(--opal-950);
  --avatar-bg-turquoise: var(--turquoise-600);
  --avatar-bg-onyx: var(--onyx-700);
  --avatar-bg-pearl: var(--pearl-900);
  --avatar-bg-emerald: var(--emerald-800);
  --avatar-bg-topaz: var(--topaz-600);
  --avatar-bg-ruby: var(--ruby-700);
  --avatar-bg-sapphire: var(--sapphire-800);
  --avatar-bg-garnet: var(--garnet-800);
  --avatar-fg-amethyst: var(--amethyst-100);
  --avatar-fg-opal: var(--opal-300);
  --avatar-fg-turquoise: var(--turquoise-100);
  --avatar-fg-onyx: var(--onyx-100);
  --avatar-fg-pearl: var(--pearl-200);
  --avatar-fg-emerald: var(--emerald-100);
  --avatar-fg-topaz: var(--topaz-100);
  --avatar-fg-ruby: var(--ruby-100);
  --avatar-fg-sapphire: var(--sapphire-100);
  --avatar-fg-garnet: var(--garnet-100);
  --gradient-navigation-overlay-start: var(--black-alpha-80);
  --gradient-navigation-overlay-end: var(--black-alpha-0);
}

/* --- Theme: malta --------------------------------------------- */
[data-dg-theme="malta"] [data-md-color-scheme="polkadot-light"] {
  --fg-error: var(--red-600);
  --fg-link-hover: var(--emerald-800);
  --fg-link: var(--emerald-700);
  --fg-tertiary: var(--emerald-600);
  --fg-secondary: var(--emerald-800);
  --fg-warning: var(--amber-600);
  --fg-success: var(--green-600);
  --fg-primary: var(--emerald-900);
  --fg-primary-inverted: var(--zinc-100);
  --fg-secondary-inverted: var(--emerald-50);
  --fg-tertiary-inverted: var(--emerald-100);
  --fg-static-white: var(--neutral-white);
  --fg-secondary-hover: var(--zinc-950);
  --fg-secondary-inverted-hover: var(--neutral-150);
  --fg-disabled: var(--emerald-400);
  --bg-surface-main: var(--emerald-100);
  --bg-surface-container: var(--emerald-20);
  --bg-surface-container-inverted: var(--emerald-700);
  --bg-surface-nested-inverted: var(--emerald-500);
  --bg-surface-overlay: var(--black-alpha-48);
  --bg-surface-nested: var(--emerald-100);
  --bg-selection-container-hover: var(--emerald-50);
  --bg-selection-container-active: var(--emerald-100);
  --bg-selection-container-hover-inverted: var(--emerald-900);
  --bg-selection-container-active-inverted: var(--zinc-900);
  --bg-status-error: var(--red-600);
  --bg-status-warning: var(--amber-500);
  --bg-status-error-hover: var(--red-700);
  --bg-status-warning-hover: var(--amber-400);
  --bg-status-success: var(--green-600);
  --bg-status-success-hover: var(--green-700);
  --bg-accent: var(--blue-500);
  --bg-action-primary: var(--emerald-700);
  --bg-action-secondary: var(--emerald-300);
  --bg-action-primary-inverted: var(--neutral-white);
  --bg-action-secondary-inverted: var(--emerald-900);
  --bg-action-primary-hover: var(--zinc-850);
  --bg-action-secondary-hover: var(--zinc-150);
  --bg-action-primary-inverted-hover: var(--zinc-100);
  --bg-action-secondary-inverted-hover: var(--zinc-700);
  --bg-action-tertiary: var(--emerald-100);
  --bg-action-tertiary-hover: var(--zinc-300);
  --bg-action-tertiary-inverted: var(--emerald-800);
  --bg-action-tertiary-inverted-hover: var(--zinc-600);
  --bg-action-active: var(--zinc-200);
  --bg-action-disabled: var(--emerald-200);
  --bg-action-error: var(--red-200);
  --bg-illustration-dark: var(--emerald-600);
  --bg-illustration-light: var(--emerald-50);
  --bg-illustration-dark-muted: var(--emerald-300);
  --bg-illustration-light-muted: var(--emerald-100);
  --stroke-primary: var(--emerald-200);
  --stroke-error: var(--red-600);
  --stroke-warning: var(--amber-500);
  --stroke-success: var(--green-500);
  --stroke-tertiary: var(--emerald-400);
  --stroke-primary-inverted: var(--zinc-800);
  --stroke-secondary: var(--emerald-300);
  --stroke-cutout: var(--neutral-white);
  --focus-error: var(--red-alpha-24);
  --focus-ring: var(--black-alpha-24);
  --shadow-soft: var(--black-alpha-24);
  --shadow-medium: var(--black-alpha-48);
  --avatar-bg-amethyst: var(--amethyst-500);
  --avatar-bg-opal: var(--opal-950);
  --avatar-bg-turquoise: var(--turquoise-600);
  --avatar-bg-onyx: var(--onyx-700);
  --avatar-bg-pearl: var(--pearl-900);
  --avatar-bg-emerald: var(--emerald-800);
  --avatar-bg-topaz: var(--topaz-600);
  --avatar-bg-ruby: var(--ruby-700);
  --avatar-bg-sapphire: var(--sapphire-800);
  --avatar-bg-garnet: var(--garnet-800);
  --avatar-fg-amethyst: var(--amethyst-100);
  --avatar-fg-opal: var(--opal-300);
  --avatar-fg-turquoise: var(--turquoise-100);
  --avatar-fg-onyx: var(--onyx-100);
  --avatar-fg-pearl: var(--pearl-200);
  --avatar-fg-emerald: var(--emerald-100);
  --avatar-fg-topaz: var(--topaz-100);
  --avatar-fg-ruby: var(--ruby-100);
  --avatar-fg-sapphire: var(--sapphire-100);
  --avatar-fg-garnet: var(--garnet-100);
  --gradient-navigation-overlay-start: var(--white-alpha-80);
  --gradient-navigation-overlay-end: var(--white-alpha-0);
}

[data-dg-theme="malta"] [data-md-color-scheme="polkadot-dark"] {
  --fg-error: var(--red-600);
  --fg-link-hover: var(--blue-400);
  --fg-link: var(--blue-500);
  --fg-tertiary: var(--emerald-muted-600);
  --fg-secondary: var(--emerald-muted-400);
  --fg-warning: var(--amber-500);
  --fg-success: var(--green-500);
  --fg-primary: var(--emerald-muted-100);
  --fg-primary-inverted: var(--emerald-muted-950);
  --fg-secondary-inverted: var(--emerald-muted-500);
  --fg-tertiary-inverted: var(--emerald-muted-400);
  --fg-static-white: var(--neutral-white);
  --fg-secondary-hover: var(--emerald-muted-200);
  --fg-secondary-inverted-hover: var(--emerald-muted-950);
  --fg-disabled: var(--emerald-muted-600);
  --bg-surface-main: var(--emerald-muted-950);
  --bg-surface-container: var(--emerald-muted-900);
  --bg-surface-container-inverted: var(--emerald-muted-100);
  --bg-surface-nested-inverted: var(--emerald-muted-200);
  --bg-surface-overlay: var(--black-alpha-48);
  --bg-surface-nested: var(--emerald-muted-800);
  --bg-selection-container-hover: var(--emerald-muted-900);
  --bg-selection-container-active: var(--emerald-muted-800);
  --bg-selection-container-hover-inverted: var(--emerald-muted-50);
  --bg-selection-container-active-inverted: var(--emerald-muted-100);
  --bg-status-error: var(--red-600);
  --bg-status-warning: var(--amber-500);
  --bg-status-error-hover: var(--red-700);
  --bg-status-warning-hover: var(--amber-400);
  --bg-status-success: var(--emerald-muted-600);
  --bg-status-success-hover: var(--emerald-muted-700);
  --bg-accent: var(--blue-500);
  --bg-action-primary: var(--emerald-muted-200);
  --bg-action-secondary: var(--emerald-muted-700);
  --bg-action-primary-inverted: var(--emerald-muted-950);
  --bg-action-secondary-inverted: var(--emerald-muted-200);
  --bg-action-primary-hover: var(--emerald-muted-200);
  --bg-action-secondary-hover: var(--emerald-muted-800);
  --bg-action-primary-inverted-hover: var(--emerald-muted-800);
  --bg-action-secondary-inverted-hover: var(--emerald-muted-300);
  --bg-action-tertiary: var(--emerald-muted-800);
  --bg-action-tertiary-hover: var(--emerald-muted-700);
  --bg-action-tertiary-inverted: var(--emerald-muted-100);
  --bg-action-tertiary-inverted-hover: var(--emerald-muted-100);
  --bg-action-active: var(--emerald-muted-600);
  --bg-action-disabled: var(--emerald-muted-800);
  --bg-action-error: var(--emerald-muted-950);
  --bg-illustration-dark: var(--emerald-muted-300);
  --bg-illustration-light: var(--emerald-muted-900);
  --bg-illustration-dark-muted: var(--emerald-muted-500);
  --bg-illustration-light-muted: var(--emerald-muted-800);
  --stroke-primary: var(--emerald-muted-800);
  --stroke-error: var(--red-600);
  --stroke-warning: var(--amber-500);
  --stroke-success: var(--green-500);
  --stroke-tertiary: var(--emerald-muted-500);
  --stroke-primary-inverted: var(--emerald-muted-200);
  --stroke-secondary: var(--emerald-muted-700);
  --stroke-cutout: var(--emerald-muted-950);
  --focus-error: var(--red-alpha-24);
  --focus-ring: var(--white-alpha-16);
  --shadow-soft: var(--black-alpha-24);
  --shadow-medium: var(--black-alpha-48);
  --avatar-bg-amethyst: var(--amethyst-500);
  --avatar-bg-opal: var(--opal-950);
  --avatar-bg-turquoise: var(--turquoise-600);
  --avatar-bg-onyx: var(--onyx-700);
  --avatar-bg-pearl: var(--pearl-900);
  --avatar-bg-emerald: var(--emerald-800);
  --avatar-bg-topaz: var(--topaz-600);
  --avatar-bg-ruby: var(--ruby-700);
  --avatar-bg-sapphire: var(--sapphire-800);
  --avatar-bg-garnet: var(--garnet-800);
  --avatar-fg-amethyst: var(--amethyst-100);
  --avatar-fg-opal: var(--opal-300);
  --avatar-fg-turquoise: var(--turquoise-100);
  --avatar-fg-onyx: var(--onyx-100);
  --avatar-fg-pearl: var(--pearl-200);
  --avatar-fg-emerald: var(--emerald-100);
  --avatar-fg-topaz: var(--topaz-100);
  --avatar-fg-ruby: var(--ruby-100);
  --avatar-fg-sapphire: var(--sapphire-100);
  --avatar-fg-garnet: var(--garnet-100);
  --gradient-navigation-overlay-start: var(--black-alpha-80);
  --gradient-navigation-overlay-end: var(--black-alpha-0);
}

/* --- Theme: lisbon --------------------------------------------- */
[data-dg-theme="lisbon"] [data-md-color-scheme="polkadot-light"] {
  --fg-error: var(--red-600);
  --fg-link-hover: var(--topaz-800);
  --fg-link: var(--topaz-700);
  --fg-tertiary: var(--topaz-600);
  --fg-secondary: var(--topaz-800);
  --fg-warning: var(--amber-600);
  --fg-success: var(--green-600);
  --fg-primary: var(--topaz-900);
  --fg-primary-inverted: var(--zinc-100);
  --fg-secondary-inverted: var(--topaz-50);
  --fg-tertiary-inverted: var(--topaz-100);
  --fg-static-white: var(--neutral-white);
  --fg-secondary-hover: var(--zinc-950);
  --fg-secondary-inverted-hover: var(--neutral-150);
  --fg-disabled: var(--topaz-400);
  --bg-surface-main: var(--topaz-100);
  --bg-surface-container: var(--topaz-20);
  --bg-surface-container-inverted: var(--topaz-700);
  --bg-surface-nested-inverted: var(--topaz-500);
  --bg-surface-overlay: var(--black-alpha-48);
  --bg-surface-nested: var(--topaz-100);
  --bg-selection-container-hover: var(--topaz-50);
  --bg-selection-container-active: var(--topaz-100);
  --bg-selection-container-hover-inverted: var(--topaz-900);
  --bg-selection-container-active-inverted: var(--zinc-900);
  --bg-status-error: var(--red-600);
  --bg-status-warning: var(--amber-500);
  --bg-status-error-hover: var(--red-700);
  --bg-status-warning-hover: var(--amber-400);
  --bg-status-success: var(--green-600);
  --bg-status-success-hover: var(--green-700);
  --bg-accent: var(--blue-500);
  --bg-action-primary: var(--topaz-500);
  --bg-action-secondary: var(--topaz-300);
  --bg-action-primary-inverted: var(--neutral-white);
  --bg-action-secondary-inverted: var(--topaz-900);
  --bg-action-primary-hover: var(--zinc-850);
  --bg-action-secondary-hover: var(--zinc-150);
  --bg-action-primary-inverted-hover: var(--zinc-100);
  --bg-action-secondary-inverted-hover: var(--zinc-700);
  --bg-action-tertiary: var(--topaz-100);
  --bg-action-tertiary-hover: var(--zinc-300);
  --bg-action-tertiary-inverted: var(--topaz-800);
  --bg-action-tertiary-inverted-hover: var(--zinc-600);
  --bg-action-active: var(--zinc-200);
  --bg-action-disabled: var(--topaz-200);
  --bg-action-error: var(--red-200);
  --bg-illustration-dark: var(--topaz-600);
  --bg-illustration-light: var(--topaz-50);
  --bg-illustration-dark-muted: var(--topaz-300);
  --bg-illustration-light-muted: var(--topaz-100);
  --stroke-primary: var(--topaz-200);
  --stroke-error: var(--red-600);
  --stroke-warning: var(--amber-500);
  --stroke-success: var(--green-500);
  --stroke-tertiary: var(--topaz-400);
  --stroke-primary-inverted: var(--zinc-800);
  --stroke-secondary: var(--topaz-300);
  --stroke-cutout: var(--neutral-white);
  --focus-error: var(--red-alpha-24);
  --focus-ring: var(--black-alpha-24);
  --shadow-soft: var(--black-alpha-24);
  --shadow-medium: var(--black-alpha-48);
  --avatar-bg-amethyst: var(--amethyst-500);
  --avatar-bg-opal: var(--opal-950);
  --avatar-bg-turquoise: var(--turquoise-600);
  --avatar-bg-onyx: var(--onyx-700);
  --avatar-bg-pearl: var(--pearl-900);
  --avatar-bg-emerald: var(--emerald-800);
  --avatar-bg-topaz: var(--topaz-600);
  --avatar-bg-ruby: var(--ruby-700);
  --avatar-bg-sapphire: var(--sapphire-800);
  --avatar-bg-garnet: var(--garnet-800);
  --avatar-fg-amethyst: var(--amethyst-100);
  --avatar-fg-opal: var(--opal-300);
  --avatar-fg-turquoise: var(--turquoise-100);
  --avatar-fg-onyx: var(--onyx-100);
  --avatar-fg-pearl: var(--pearl-200);
  --avatar-fg-emerald: var(--emerald-100);
  --avatar-fg-topaz: var(--topaz-100);
  --avatar-fg-ruby: var(--ruby-100);
  --avatar-fg-sapphire: var(--sapphire-100);
  --avatar-fg-garnet: var(--garnet-100);
  --gradient-navigation-overlay-start: var(--white-alpha-80);
  --gradient-navigation-overlay-end: var(--white-alpha-0);
}

[data-dg-theme="lisbon"] [data-md-color-scheme="polkadot-dark"] {
  --fg-error: var(--red-600);
  --fg-link-hover: var(--blue-400);
  --fg-link: var(--blue-500);
  --fg-tertiary: var(--topaz-muted-600);
  --fg-secondary: var(--topaz-muted-400);
  --fg-warning: var(--amber-500);
  --fg-success: var(--green-500);
  --fg-primary: var(--topaz-muted-100);
  --fg-primary-inverted: var(--topaz-muted-950);
  --fg-secondary-inverted: var(--topaz-muted-500);
  --fg-tertiary-inverted: var(--topaz-muted-400);
  --fg-static-white: var(--neutral-white);
  --fg-secondary-hover: var(--topaz-muted-200);
  --fg-secondary-inverted-hover: var(--topaz-muted-950);
  --fg-disabled: var(--topaz-muted-600);
  --bg-surface-main: var(--topaz-muted-950);
  --bg-surface-container: var(--topaz-muted-900);
  --bg-surface-container-inverted: var(--topaz-muted-100);
  --bg-surface-nested-inverted: var(--topaz-muted-200);
  --bg-surface-overlay: var(--black-alpha-48);
  --bg-surface-nested: var(--topaz-muted-800);
  --bg-selection-container-hover: var(--topaz-muted-900);
  --bg-selection-container-active: var(--topaz-muted-800);
  --bg-selection-container-hover-inverted: var(--topaz-muted-50);
  --bg-selection-container-active-inverted: var(--topaz-muted-100);
  --bg-status-error: var(--red-600);
  --bg-status-warning: var(--amber-500);
  --bg-status-error-hover: var(--red-700);
  --bg-status-warning-hover: var(--amber-400);
  --bg-status-success: var(--green-600);
  --bg-status-success-hover: var(--green-700);
  --bg-accent: var(--blue-500);
  --bg-action-primary: var(--topaz-muted-200);
  --bg-action-secondary: var(--topaz-muted-700);
  --bg-action-primary-inverted: var(--topaz-muted-950);
  --bg-action-secondary-inverted: var(--topaz-muted-200);
  --bg-action-primary-hover: var(--topaz-muted-200);
  --bg-action-secondary-hover: var(--topaz-muted-800);
  --bg-action-primary-inverted-hover: var(--topaz-muted-800);
  --bg-action-secondary-inverted-hover: var(--topaz-muted-300);
  --bg-action-tertiary: var(--topaz-muted-800);
  --bg-action-tertiary-hover: var(--topaz-muted-700);
  --bg-action-tertiary-inverted: var(--topaz-muted-100);
  --bg-action-tertiary-inverted-hover: var(--topaz-muted-100);
  --bg-action-active: var(--topaz-muted-600);
  --bg-action-disabled: var(--topaz-muted-800);
  --bg-action-error: var(--red-950);
  --bg-illustration-dark: var(--topaz-muted-300);
  --bg-illustration-light: var(--topaz-muted-900);
  --bg-illustration-dark-muted: var(--topaz-muted-500);
  --bg-illustration-light-muted: var(--topaz-muted-800);
  --stroke-primary: var(--topaz-muted-800);
  --stroke-error: var(--red-600);
  --stroke-warning: var(--amber-500);
  --stroke-success: var(--green-500);
  --stroke-tertiary: var(--topaz-muted-500);
  --stroke-primary-inverted: var(--topaz-muted-200);
  --stroke-secondary: var(--topaz-muted-700);
  --stroke-cutout: var(--topaz-muted-950);
  --focus-error: var(--red-alpha-24);
  --focus-ring: var(--white-alpha-16);
  --shadow-soft: var(--black-alpha-24);
  --shadow-medium: var(--black-alpha-48);
  --avatar-bg-amethyst: var(--amethyst-500);
  --avatar-bg-opal: var(--opal-950);
  --avatar-bg-turquoise: var(--turquoise-600);
  --avatar-bg-onyx: var(--onyx-700);
  --avatar-bg-pearl: var(--pearl-900);
  --avatar-bg-emerald: var(--emerald-800);
  --avatar-bg-topaz: var(--topaz-600);
  --avatar-bg-ruby: var(--ruby-700);
  --avatar-bg-sapphire: var(--sapphire-800);
  --avatar-bg-garnet: var(--garnet-800);
  --avatar-fg-amethyst: var(--amethyst-100);
  --avatar-fg-opal: var(--opal-300);
  --avatar-fg-turquoise: var(--turquoise-100);
  --avatar-fg-onyx: var(--onyx-100);
  --avatar-fg-pearl: var(--pearl-200);
  --avatar-fg-emerald: var(--emerald-100);
  --avatar-fg-topaz: var(--topaz-100);
  --avatar-fg-ruby: var(--ruby-100);
  --avatar-fg-sapphire: var(--sapphire-100);
  --avatar-fg-garnet: var(--garnet-100);
  --gradient-navigation-overlay-start: var(--black-alpha-80);
  --gradient-navigation-overlay-end: var(--black-alpha-0);
}