/* Written by scripts/m3_tokens.py from the seed #A100FF: change the script, not this file. */
@layer tokens, base, components, pages;

@layer tokens {
  :root {
    --md-ref-typeface-brand: "Roboto Flex Variable", "Roboto Flex", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --md-ref-typeface-plain: "Roboto Flex Variable", "Roboto Flex", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --md-ref-typeface-mono: ui-monospace, "JetBrains Mono", "Fira Code", "Roboto Mono", Consolas, monospace;
    --md-sys-typescale-display-large-font: var(--md-ref-typeface-plain);
    --md-sys-typescale-display-large-size: 3.5625rem;
    --md-sys-typescale-display-large-line-height: 4rem;
    --md-sys-typescale-display-large-weight: 400;
    --md-sys-typescale-display-large-tracking: -0.25px;
    --md-sys-typescale-display-large: var(--md-sys-typescale-display-large-weight) var(--md-sys-typescale-display-large-size) / var(--md-sys-typescale-display-large-line-height) var(--md-sys-typescale-display-large-font);
    --md-sys-typescale-display-medium-font: var(--md-ref-typeface-plain);
    --md-sys-typescale-display-medium-size: 2.8125rem;
    --md-sys-typescale-display-medium-line-height: 3.25rem;
    --md-sys-typescale-display-medium-weight: 400;
    --md-sys-typescale-display-medium-tracking: 0;
    --md-sys-typescale-display-medium: var(--md-sys-typescale-display-medium-weight) var(--md-sys-typescale-display-medium-size) / var(--md-sys-typescale-display-medium-line-height) var(--md-sys-typescale-display-medium-font);
    --md-sys-typescale-display-small-font: var(--md-ref-typeface-plain);
    --md-sys-typescale-display-small-size: 2.25rem;
    --md-sys-typescale-display-small-line-height: 2.75rem;
    --md-sys-typescale-display-small-weight: 400;
    --md-sys-typescale-display-small-tracking: 0;
    --md-sys-typescale-display-small: var(--md-sys-typescale-display-small-weight) var(--md-sys-typescale-display-small-size) / var(--md-sys-typescale-display-small-line-height) var(--md-sys-typescale-display-small-font);
    --md-sys-typescale-headline-large-font: var(--md-ref-typeface-plain);
    --md-sys-typescale-headline-large-size: 2rem;
    --md-sys-typescale-headline-large-line-height: 2.5rem;
    --md-sys-typescale-headline-large-weight: 400;
    --md-sys-typescale-headline-large-tracking: 0;
    --md-sys-typescale-headline-large: var(--md-sys-typescale-headline-large-weight) var(--md-sys-typescale-headline-large-size) / var(--md-sys-typescale-headline-large-line-height) var(--md-sys-typescale-headline-large-font);
    --md-sys-typescale-headline-medium-font: var(--md-ref-typeface-plain);
    --md-sys-typescale-headline-medium-size: 1.75rem;
    --md-sys-typescale-headline-medium-line-height: 2.25rem;
    --md-sys-typescale-headline-medium-weight: 400;
    --md-sys-typescale-headline-medium-tracking: 0;
    --md-sys-typescale-headline-medium: var(--md-sys-typescale-headline-medium-weight) var(--md-sys-typescale-headline-medium-size) / var(--md-sys-typescale-headline-medium-line-height) var(--md-sys-typescale-headline-medium-font);
    --md-sys-typescale-headline-small-font: var(--md-ref-typeface-plain);
    --md-sys-typescale-headline-small-size: 1.5rem;
    --md-sys-typescale-headline-small-line-height: 2rem;
    --md-sys-typescale-headline-small-weight: 400;
    --md-sys-typescale-headline-small-tracking: 0;
    --md-sys-typescale-headline-small: var(--md-sys-typescale-headline-small-weight) var(--md-sys-typescale-headline-small-size) / var(--md-sys-typescale-headline-small-line-height) var(--md-sys-typescale-headline-small-font);
    --md-sys-typescale-title-large-font: var(--md-ref-typeface-plain);
    --md-sys-typescale-title-large-size: 1.375rem;
    --md-sys-typescale-title-large-line-height: 1.75rem;
    --md-sys-typescale-title-large-weight: 400;
    --md-sys-typescale-title-large-tracking: 0;
    --md-sys-typescale-title-large: var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size) / var(--md-sys-typescale-title-large-line-height) var(--md-sys-typescale-title-large-font);
    --md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);
    --md-sys-typescale-title-medium-size: 1rem;
    --md-sys-typescale-title-medium-line-height: 1.5rem;
    --md-sys-typescale-title-medium-weight: 500;
    --md-sys-typescale-title-medium-tracking: 0.15px;
    --md-sys-typescale-title-medium: var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size) / var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-title-medium-font);
    --md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);
    --md-sys-typescale-title-small-size: 0.875rem;
    --md-sys-typescale-title-small-line-height: 1.25rem;
    --md-sys-typescale-title-small-weight: 500;
    --md-sys-typescale-title-small-tracking: 0.1px;
    --md-sys-typescale-title-small: var(--md-sys-typescale-title-small-weight) var(--md-sys-typescale-title-small-size) / var(--md-sys-typescale-title-small-line-height) var(--md-sys-typescale-title-small-font);
    --md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);
    --md-sys-typescale-body-large-size: 1rem;
    --md-sys-typescale-body-large-line-height: 1.5rem;
    --md-sys-typescale-body-large-weight: 400;
    --md-sys-typescale-body-large-tracking: 0.5px;
    --md-sys-typescale-body-large: var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size) / var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-body-large-font);
    --md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);
    --md-sys-typescale-body-medium-size: 0.875rem;
    --md-sys-typescale-body-medium-line-height: 1.25rem;
    --md-sys-typescale-body-medium-weight: 400;
    --md-sys-typescale-body-medium-tracking: 0.25px;
    --md-sys-typescale-body-medium: var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size) / var(--md-sys-typescale-body-medium-line-height) var(--md-sys-typescale-body-medium-font);
    --md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);
    --md-sys-typescale-body-small-size: 0.75rem;
    --md-sys-typescale-body-small-line-height: 1rem;
    --md-sys-typescale-body-small-weight: 400;
    --md-sys-typescale-body-small-tracking: 0.4px;
    --md-sys-typescale-body-small: var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size) / var(--md-sys-typescale-body-small-line-height) var(--md-sys-typescale-body-small-font);
    --md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);
    --md-sys-typescale-label-large-size: 0.875rem;
    --md-sys-typescale-label-large-line-height: 1.25rem;
    --md-sys-typescale-label-large-weight: 500;
    --md-sys-typescale-label-large-tracking: 0.1px;
    --md-sys-typescale-label-large: var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size) / var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);
    --md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);
    --md-sys-typescale-label-medium-size: 0.75rem;
    --md-sys-typescale-label-medium-line-height: 1rem;
    --md-sys-typescale-label-medium-weight: 500;
    --md-sys-typescale-label-medium-tracking: 0.5px;
    --md-sys-typescale-label-medium: var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size) / var(--md-sys-typescale-label-medium-line-height) var(--md-sys-typescale-label-medium-font);
    --md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);
    --md-sys-typescale-label-small-size: 0.6875rem;
    --md-sys-typescale-label-small-line-height: 1rem;
    --md-sys-typescale-label-small-weight: 500;
    --md-sys-typescale-label-small-tracking: 0.5px;
    --md-sys-typescale-label-small: var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size) / var(--md-sys-typescale-label-small-line-height) var(--md-sys-typescale-label-small-font);
    --md-sys-spacing-0: 0;
    --md-sys-spacing-1: 0.25rem;
    --md-sys-spacing-2: 0.5rem;
    --md-sys-spacing-3: 0.75rem;
    --md-sys-spacing-4: 1rem;
    --md-sys-spacing-5: 1.25rem;
    --md-sys-spacing-6: 1.5rem;
    --md-sys-spacing-8: 2rem;
    --md-sys-spacing-10: 2.5rem;
    --md-sys-spacing-12: 3rem;
    --md-sys-spacing-16: 4rem;
    --md-sys-shape-none: 0;
    --md-sys-shape-extra-small: 4px;
    --md-sys-shape-small: 8px;
    --md-sys-shape-medium: 12px;
    --md-sys-shape-large: 16px;
    --md-sys-shape-extra-large: 28px;
    --md-sys-shape-full: 9999px;
    --md-sys-state-hover-state-layer-opacity: 0.08;
    --md-sys-state-focus-state-layer-opacity: 0.1;
    --md-sys-state-pressed-state-layer-opacity: 0.1;
    --md-sys-state-dragged-state-layer-opacity: 0.16;
    --md-sys-elevation-level0: none;
    --md-sys-elevation-level1: 0 1px 2px 0 color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent), 0 1px 3px 1px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent);
    --md-sys-elevation-level2: 0 1px 2px 0 color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent), 0 2px 6px 2px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent);
    --md-sys-elevation-level3: 0 1px 3px 0 color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent), 0 4px 8px 3px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent);
    --md-sys-elevation-level4: 0 2px 3px 0 color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent), 0 6px 10px 4px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent);
    --md-sys-elevation-level5: 0 4px 4px 0 color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent), 0 8px 12px 6px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent);
    --md-sys-motion-duration-short1: 50ms;
    --md-sys-motion-duration-short2: 100ms;
    --md-sys-motion-duration-short3: 150ms;
    --md-sys-motion-duration-short4: 200ms;
    --md-sys-motion-duration-medium1: 250ms;
    --md-sys-motion-duration-medium2: 300ms;
    --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
    --md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);
    --md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);
    --sidebar-width: 280px;
    --nav-height: 64px;
    --rail-width: 80px;
    --rail-expanded-width: 240px;
    --drawer-width: 360px;
    --viz-sev-error: #D03B3B;
    --viz-sev-warning: #FAB219;
    --viz-sev-info: #898781;
    --viz-surface: var(--md-sys-color-surface-container-low);
    --viz-ink: var(--md-sys-color-on-surface);
    --viz-ink-2: var(--md-sys-color-on-surface-variant);
    --viz-accent: var(--md-sys-color-primary);
    --viz-tip: var(--md-sys-color-surface-container-highest);
  }

  :root {
    color-scheme: light;
    --md-sys-color-background: #FFF7FD;
    --md-sys-color-on-background: #1F1923;
    --md-sys-color-surface: #FFF7FD;
    --md-sys-color-surface-dim: #E2D6E4;
    --md-sys-color-surface-bright: #FFF7FD;
    --md-sys-color-surface-container-lowest: #FFFFFF;
    --md-sys-color-surface-container-low: #FCF0FE;
    --md-sys-color-surface-container: #F6EAF8;
    --md-sys-color-surface-container-high: #F0E4F3;
    --md-sys-color-surface-container-highest: #EBDFED;
    --md-sys-color-on-surface: #1F1923;
    --md-sys-color-surface-variant: #ECDEF0;
    --md-sys-color-on-surface-variant: #4D4452;
    --md-sys-color-outline: #7E7383;
    --md-sys-color-outline-variant: #CFC2D3;
    --md-sys-color-inverse-surface: #352E39;
    --md-sys-color-inverse-on-surface: #F9EDFB;
    --md-sys-color-shadow: #000000;
    --md-sys-color-scrim: #000000;
    --md-sys-color-surface-tint: #8E00E2;
    --md-sys-color-primary: #8E00E2;
    --md-sys-color-on-primary: #FFFFFF;
    --md-sys-color-primary-container: #F2DAFF;
    --md-sys-color-on-primary-container: #6C00AE;
    --md-sys-color-inverse-primary: #E1B6FF;
    --md-sys-color-primary-fixed: #F2DAFF;
    --md-sys-color-primary-fixed-dim: #E1B6FF;
    --md-sys-color-on-primary-fixed: #2E004E;
    --md-sys-color-on-primary-fixed-variant: #6C00AE;
    --md-sys-color-secondary: #715574;
    --md-sys-color-on-secondary: #FFFFFF;
    --md-sys-color-secondary-container: #FBD7FC;
    --md-sys-color-on-secondary-container: #583E5B;
    --md-sys-color-secondary-fixed: #FBD7FC;
    --md-sys-color-secondary-fixed-dim: #DEBCDF;
    --md-sys-color-on-secondary-fixed: #29132D;
    --md-sys-color-on-secondary-fixed-variant: #583E5B;
    --md-sys-color-tertiary: #7E4F73;
    --md-sys-color-on-tertiary: #FFFFFF;
    --md-sys-color-tertiary-container: #FFD7F1;
    --md-sys-color-on-tertiary-container: #64385A;
    --md-sys-color-tertiary-fixed: #FFD7F1;
    --md-sys-color-tertiary-fixed-dim: #EFB5DF;
    --md-sys-color-on-tertiary-fixed: #320C2D;
    --md-sys-color-on-tertiary-fixed-variant: #64385A;
    --md-sys-color-error: #BA1A1A;
    --md-sys-color-on-error: #FFFFFF;
    --md-sys-color-error-container: #FFDAD6;
    --md-sys-color-on-error-container: #93000A;
    --md-extended-color-success: #006D37;
    --md-extended-color-on-success: #FFFFFF;
    --md-extended-color-success-container: #8FF9AC;
    --md-extended-color-on-success-container: #00210C;
    --md-extended-color-warning: #825500;
    --md-extended-color-on-warning: #FFFFFF;
    --md-extended-color-warning-container: #FFDDB3;
    --md-extended-color-on-warning-container: #291800;
    --md-extended-color-info: #315F9D;
    --kb-badge-read-container: #CFE5FF;
    --kb-badge-read-on-container: #004A78;
    --kb-badge-write-container: #81FAB9;
    --kb-badge-write-on-container: #005232;
    --kb-badge-warn-container: #FBE18F;
    --kb-badge-warn-on-container: #564500;
    --kb-badge-error-container: #FFDADB;
    --kb-badge-error-on-container: #6E363C;
    --kb-badge-type-container: #E6DEFF;
    --kb-badge-type-on-container: #493D7E;
    --kb-badge-type-hover-container: #D8CEFF;
    --kb-syntax-keyword: #79499B;
    --kb-syntax-string: #3C6842;
    --kb-syntax-number: #9A442A;
    --kb-syntax-comment: #555D7D;
    --kb-syntax-key: #305CAC;
    --viz-cat-1: #096CE4;
    --viz-cat-2: #D5130D;
    --viz-cat-3: #3E9D68;
    --viz-cat-4: #C47A05;
    --viz-cat-5: #AD4083;
    --viz-cat-6: #127302;
    --viz-cat-7: #937FDE;
    --viz-cat-8: #F831AA;
    --viz-ord-1: #86B6EF;
    --viz-ord-2: #3987E5;
    --viz-ord-3: #256ABF;
    --viz-ord-4: #184F95;
    --viz-ord-2a: #86B6EF;
    --viz-ord-2b: #2A78D6;
    --viz-div-pos: #2A78D6;
    --viz-div-mid: #F0EFEC;
    --viz-div-neg: #E34948;
    --viz-grid: #E1E0D9;
    --viz-baseline: #C3C2B7;
    --viz-deemph: #898781;
    --viz-ink-muted: #6C6271;
  }

  /* No choice in the kb_theme cookie: the system's. */
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      color-scheme: dark;
      --md-sys-color-background: #17111B;
      --md-sys-color-on-background: #EBDFED;
      --md-sys-color-surface: #17111B;
      --md-sys-color-surface-dim: #17111B;
      --md-sys-color-surface-bright: #3E3742;
      --md-sys-color-surface-container-lowest: #120C15;
      --md-sys-color-surface-container-low: #1F1923;
      --md-sys-color-surface-container: #231D27;
      --md-sys-color-surface-container-high: #2E2832;
      --md-sys-color-surface-container-highest: #39323D;
      --md-sys-color-on-surface: #EBDFED;
      --md-sys-color-surface-variant: #4D4452;
      --md-sys-color-on-surface-variant: #CFC2D3;
      --md-sys-color-outline: #988D9D;
      --md-sys-color-outline-variant: #4D4452;
      --md-sys-color-inverse-surface: #EBDFED;
      --md-sys-color-inverse-on-surface: #352E39;
      --md-sys-color-shadow: #000000;
      --md-sys-color-scrim: #000000;
      --md-sys-color-surface-tint: #E1B6FF;
      --md-sys-color-primary: #E1B6FF;
      --md-sys-color-on-primary: #4C007C;
      --md-sys-color-primary-container: #6C00AE;
      --md-sys-color-on-primary-container: #F2DAFF;
      --md-sys-color-inverse-primary: #8E00E2;
      --md-sys-color-primary-fixed: #F2DAFF;
      --md-sys-color-primary-fixed-dim: #E1B6FF;
      --md-sys-color-on-primary-fixed: #2E004E;
      --md-sys-color-on-primary-fixed-variant: #6C00AE;
      --md-sys-color-secondary: #DEBCDF;
      --md-sys-color-on-secondary: #402844;
      --md-sys-color-secondary-container: #583E5B;
      --md-sys-color-on-secondary-container: #FBD7FC;
      --md-sys-color-secondary-fixed: #FBD7FC;
      --md-sys-color-secondary-fixed-dim: #DEBCDF;
      --md-sys-color-on-secondary-fixed: #29132D;
      --md-sys-color-on-secondary-fixed-variant: #583E5B;
      --md-sys-color-tertiary: #EFB5DF;
      --md-sys-color-on-tertiary: #4A2143;
      --md-sys-color-tertiary-container: #64385A;
      --md-sys-color-on-tertiary-container: #FFD7F1;
      --md-sys-color-tertiary-fixed: #FFD7F1;
      --md-sys-color-tertiary-fixed-dim: #EFB5DF;
      --md-sys-color-on-tertiary-fixed: #320C2D;
      --md-sys-color-on-tertiary-fixed-variant: #64385A;
      --md-sys-color-error: #FFB4AB;
      --md-sys-color-on-error: #690005;
      --md-sys-color-error-container: #93000A;
      --md-sys-color-on-error-container: #FFDAD6;
      --md-extended-color-success: #73DC92;
      --md-extended-color-on-success: #00391A;
      --md-extended-color-success-container: #005228;
      --md-extended-color-on-success-container: #8FF9AC;
      --md-extended-color-warning: #FFB952;
      --md-extended-color-on-warning: #452B00;
      --md-extended-color-warning-container: #633F00;
      --md-extended-color-on-warning-container: #FFDDB3;
      --md-extended-color-info: #8AB4F8;
      --kb-badge-read-container: #1E3A5F;
      --kb-badge-read-on-container: #7FB3E8;
      --kb-badge-write-container: #1E4D3A;
      --kb-badge-write-on-container: #6EE7A8;
      --kb-badge-warn-container: #4D3F1E;
      --kb-badge-warn-on-container: #E8CF7F;
      --kb-badge-error-container: #4D1E22;
      --kb-badge-error-on-container: #F2A5AB;
      --kb-badge-type-container: #2B2350;
      --kb-badge-type-on-container: #C3B5FF;
      --kb-badge-type-hover-container: #372C66;
      --kb-syntax-keyword: #C792EA;
      --kb-syntax-string: #A5D6A7;
      --kb-syntax-number: #F78C6C;
      --kb-syntax-comment: #7A82A4;
      --kb-syntax-key: #82AAFF;
      --viz-cat-1: #0A6CE4;
      --viz-cat-2: #D1320E;
      --viz-cat-3: #42AB67;
      --viz-cat-4: #C7830A;
      --viz-cat-5: #AD4083;
      --viz-cat-6: #217B2F;
      --viz-cat-7: #9084E4;
      --viz-cat-8: #F832AA;
      --viz-ord-1: #86B6EF;
      --viz-ord-2: #3987E5;
      --viz-ord-3: #256ABF;
      --viz-ord-4: #184F95;
      --viz-ord-2a: #86B6EF;
      --viz-ord-2b: #2A78D6;
      --viz-div-pos: #3987E5;
      --viz-div-mid: #383835;
      --viz-div-neg: #E66767;
      --viz-grid: #2C2C2A;
      --viz-baseline: #383835;
      --viz-deemph: #898781;
      --viz-ink-muted: #A69AAA;
    }
  }

  :root[data-theme="dark"] {
    color-scheme: dark;
    --md-sys-color-background: #17111B;
    --md-sys-color-on-background: #EBDFED;
    --md-sys-color-surface: #17111B;
    --md-sys-color-surface-dim: #17111B;
    --md-sys-color-surface-bright: #3E3742;
    --md-sys-color-surface-container-lowest: #120C15;
    --md-sys-color-surface-container-low: #1F1923;
    --md-sys-color-surface-container: #231D27;
    --md-sys-color-surface-container-high: #2E2832;
    --md-sys-color-surface-container-highest: #39323D;
    --md-sys-color-on-surface: #EBDFED;
    --md-sys-color-surface-variant: #4D4452;
    --md-sys-color-on-surface-variant: #CFC2D3;
    --md-sys-color-outline: #988D9D;
    --md-sys-color-outline-variant: #4D4452;
    --md-sys-color-inverse-surface: #EBDFED;
    --md-sys-color-inverse-on-surface: #352E39;
    --md-sys-color-shadow: #000000;
    --md-sys-color-scrim: #000000;
    --md-sys-color-surface-tint: #E1B6FF;
    --md-sys-color-primary: #E1B6FF;
    --md-sys-color-on-primary: #4C007C;
    --md-sys-color-primary-container: #6C00AE;
    --md-sys-color-on-primary-container: #F2DAFF;
    --md-sys-color-inverse-primary: #8E00E2;
    --md-sys-color-primary-fixed: #F2DAFF;
    --md-sys-color-primary-fixed-dim: #E1B6FF;
    --md-sys-color-on-primary-fixed: #2E004E;
    --md-sys-color-on-primary-fixed-variant: #6C00AE;
    --md-sys-color-secondary: #DEBCDF;
    --md-sys-color-on-secondary: #402844;
    --md-sys-color-secondary-container: #583E5B;
    --md-sys-color-on-secondary-container: #FBD7FC;
    --md-sys-color-secondary-fixed: #FBD7FC;
    --md-sys-color-secondary-fixed-dim: #DEBCDF;
    --md-sys-color-on-secondary-fixed: #29132D;
    --md-sys-color-on-secondary-fixed-variant: #583E5B;
    --md-sys-color-tertiary: #EFB5DF;
    --md-sys-color-on-tertiary: #4A2143;
    --md-sys-color-tertiary-container: #64385A;
    --md-sys-color-on-tertiary-container: #FFD7F1;
    --md-sys-color-tertiary-fixed: #FFD7F1;
    --md-sys-color-tertiary-fixed-dim: #EFB5DF;
    --md-sys-color-on-tertiary-fixed: #320C2D;
    --md-sys-color-on-tertiary-fixed-variant: #64385A;
    --md-sys-color-error: #FFB4AB;
    --md-sys-color-on-error: #690005;
    --md-sys-color-error-container: #93000A;
    --md-sys-color-on-error-container: #FFDAD6;
    --md-extended-color-success: #73DC92;
    --md-extended-color-on-success: #00391A;
    --md-extended-color-success-container: #005228;
    --md-extended-color-on-success-container: #8FF9AC;
    --md-extended-color-warning: #FFB952;
    --md-extended-color-on-warning: #452B00;
    --md-extended-color-warning-container: #633F00;
    --md-extended-color-on-warning-container: #FFDDB3;
    --md-extended-color-info: #8AB4F8;
    --kb-badge-read-container: #1E3A5F;
    --kb-badge-read-on-container: #7FB3E8;
    --kb-badge-write-container: #1E4D3A;
    --kb-badge-write-on-container: #6EE7A8;
    --kb-badge-warn-container: #4D3F1E;
    --kb-badge-warn-on-container: #E8CF7F;
    --kb-badge-error-container: #4D1E22;
    --kb-badge-error-on-container: #F2A5AB;
    --kb-badge-type-container: #2B2350;
    --kb-badge-type-on-container: #C3B5FF;
    --kb-badge-type-hover-container: #372C66;
    --kb-syntax-keyword: #C792EA;
    --kb-syntax-string: #A5D6A7;
    --kb-syntax-number: #F78C6C;
    --kb-syntax-comment: #7A82A4;
    --kb-syntax-key: #82AAFF;
    --viz-cat-1: #0A6CE4;
    --viz-cat-2: #D1320E;
    --viz-cat-3: #42AB67;
    --viz-cat-4: #C7830A;
    --viz-cat-5: #AD4083;
    --viz-cat-6: #217B2F;
    --viz-cat-7: #9084E4;
    --viz-cat-8: #F832AA;
    --viz-ord-1: #86B6EF;
    --viz-ord-2: #3987E5;
    --viz-ord-3: #256ABF;
    --viz-ord-4: #184F95;
    --viz-ord-2a: #86B6EF;
    --viz-ord-2b: #2A78D6;
    --viz-div-pos: #3987E5;
    --viz-div-mid: #383835;
    --viz-div-neg: #E66767;
    --viz-grid: #2C2C2A;
    --viz-baseline: #383835;
    --viz-deemph: #898781;
    --viz-ink-muted: #A69AAA;
  }
}