@layer tokens {
  @property --control-border-width {
    syntax: "<length>";
    inherits: true;
    initial-value: 2px;
  }

  @property --control-focus-stroke-offset {
    syntax: "<length>";
    inherits: true;
    initial-value: 2px;
  }

  @property --control-focus-stroke-width {
    syntax: "<length>";
    inherits: true;
    initial-value: 2px;
  }

  @property --layout-page-max-content-width {
    syntax: "<length>";
    inherits: true;
    initial-value: 1200px;
  }

  @property --layout-page-max-narrow-content-width {
    syntax: "<length>";
    inherits: true;
    initial-value: 800px;
  }

  @property --shape-stroke-width {
    syntax: "<length>";
    inherits: true;
    initial-value: 1px;
  }

  @property --sizing-ratio {
    syntax: "<number>";
    inherits: true;
    initial-value: 1.25;
  }

  @property --sizing-factor {
    syntax: "<number>";
    inherits: true;
    initial-value: .8;
  }

  :root {
    --control-border-color: light-dark(#dbd8da, #433e41);
    --control-background: light-dark(#fbfbfb, #1b191a);
    --control-border-style: solid;
    --control-accent: #e41b8a;
    --control-disabled-background: light-dark(#ecebeb, #2e2a2c);
    --control-hover-background: light-dark(#f76eb9, #720d45);
    --control-focus-selected-background: light-dark(#f99fd1, #48042a);
    --control-focus-stroke-color: #e41b8a;
    --control-focus-stroke-style: solid;
    --control-active-background: light-dark(#ea48a1, #5b0b37);
    --control-selected-background: light-dark(#f4f3f3, #232122);
    --indicator-error-subtle-background: #a93328;
    --indicator-error-subtle-border: #a93328;
    --indicator-error-subtle-text: #ecebeb;
    --indicator-error-supreme-background: #e8a29c;
    --indicator-error-supreme-border: #882920;
    --indicator-error-supreme-text: #882920;
    --indicator-error-plain-border: light-dark(#a93328, #de7c73);
    --indicator-error-plain-text: light-dark(#a93328, #de7c73);
    --indicator-info-subtle-background: #891053;
    --indicator-info-subtle-border: #891053;
    --indicator-info-subtle-text: #e7e5e6;
    --indicator-info-supreme-background: light-dark(#f76eb9, #ea48a1);
    --indicator-info-supreme-border: #5b0b37;
    --indicator-info-supreme-text: #5b0b37;
    --indicator-info-plain-border: light-dark(#891053, #ea48a1);
    --indicator-info-plain-text: light-dark(#891053, #ea48a1);
    --indicator-neutral-supreme-background: light-dark(#c3bec0, #857b81);
    --indicator-neutral-supreme-border: light-dark(#aaa3a7, #2e2a2c);
    --indicator-neutral-supreme-text: light-dark(#363234, #2e2a2c);
    --indicator-neutral-subtle-background: light-dark(#857b81, #433e41);
    --indicator-neutral-subtle-border: light-dark(#857b81, #433e41);
    --indicator-neutral-subtle-text: light-dark(#1b191a, #c3bec0);
    --indicator-neutral-plain-border: light-dark(#433e41, #c3bec0);
    --indicator-neutral-plain-text: light-dark(#433e41, #c3bec0);
    --indicator-success-subtle-background: #0d5939;
    --indicator-success-subtle-border: #0d5939;
    --indicator-success-subtle-text: #a6f2d2;
    --indicator-success-supreme-background: light-dark(#a6f2d2, #63e9b1);
    --indicator-success-supreme-border: #0d5939;
    --indicator-success-supreme-text: #0d5939;
    --indicator-success-plain-border: light-dark(#0d5939, #63e9b1);
    --indicator-success-plain-text: light-dark(#0d5939, #63e9b1);
    --indicator-warning-subtle-background: light-dark(#ffb700, #b28000);
    --indicator-warning-subtle-border: #b28000;
    --indicator-warning-subtle-text: #0e0d0e;
    --indicator-warning-supreme-background: light-dark(#ffe299, #ffcc4d);
    --indicator-warning-supreme-border: #b28000;
    --indicator-warning-supreme-text: #664900;
    --indicator-warning-plain-border: light-dark(#b28000, #ffcc4d);
    --indicator-warning-plain-text: light-dark(#b28000, #ffcc4d);
    --intent-action-supreme-base-background: #f76eb9;
    --intent-action-supreme-base-text: #0e0d0e;
    --intent-action-supreme-hover-background: #ea48a1;
    --intent-action-supreme-hover-text: #0e0d0e;
    --intent-action-supreme-active-background: #e41b8a;
    --intent-action-supreme-active-text: #0e0d0e;
    --intent-action-supreme-disabled-text: light-dark(#891053, #f76eb9);
    --intent-action-subtle-base-border: light-dark(#b7156e, #f76eb9);
    --intent-action-subtle-base-text: light-dark(#b7156e, #f76eb9);
    --intent-action-subtle-hover-background: #ea48a1;
    --intent-action-subtle-hover-text: #0e0d0e;
    --intent-action-subtle-active-background: #e41b8a;
    --intent-action-subtle-active-text: #0e0d0e;
    --intent-action-subtle-disabled-text: light-dark(#b7156e, #f76eb9);
    --intent-action-plain-base-text: light-dark(#b7156e, #f76eb9);
    --intent-action-plain-hover-text: light-dark(#891053, #e41b8a);
    --intent-action-plain-active-text: light-dark(#891053, #b7156e);
    --intent-alternative-supreme-base-background: #7aebb2;
    --intent-alternative-supreme-base-text: #0e0d0e;
    --intent-alternative-supreme-hover-background: #4ee499;
    --intent-alternative-supreme-hover-text: #0e0d0e;
    --intent-alternative-supreme-active-background: #21de7f;
    --intent-alternative-supreme-active-text: #0e0d0e;
    --intent-alternative-supreme-disabled-text: light-dark(#14854c, #7aebb2);
    --intent-alternative-subtle-base-border: #4ee499;
    --intent-alternative-subtle-base-text: light-dark(#1bb166, #4ee499);
    --intent-alternative-subtle-hover-background: #4ee499;
    --intent-alternative-subtle-hover-text: #0e0d0e;
    --intent-alternative-subtle-active-background: #21de7f;
    --intent-alternative-subtle-active-text: #0e0d0e;
    --intent-alternative-subtle-disabled-text: light-dark(#1bb166, #7aebb2);
    --intent-alternative-plain-base-text: light-dark(#1bb166, #7aebb2);
    --intent-alternative-plain-hover-text: light-dark(#14854c, #4ee499);
    --intent-alternative-plain-active-text: light-dark(#14854c, #21de7f);
    --intent-danger-supreme-base-background: #d04135;
    --intent-danger-supreme-base-text: #ecebeb;
    --intent-danger-supreme-hover-background: #a93328;
    --intent-danger-supreme-hover-text: #ecebeb;
    --intent-danger-supreme-active-background: #882920;
    --intent-danger-supreme-active-text: #ecebeb;
    --intent-danger-supreme-disabled-text: light-dark(#882920, #de7c73);
    --intent-danger-subtle-base-border: light-dark(#d04135, #a93328);
    --intent-danger-subtle-base-text: #d04135;
    --intent-danger-subtle-hover-background: #a93328;
    --intent-danger-subtle-hover-text: #ecebeb;
    --intent-danger-subtle-active-background: #882920;
    --intent-danger-subtle-active-border: #882920;
    --intent-danger-subtle-active-text: #ecebeb;
    --intent-danger-subtle-disabled-text: light-dark(#882920, #e8a29c);
    --intent-danger-plain-base-text: light-dark(#d04135, #de7c73);
    --intent-danger-plain-hover-text: light-dark(#a93328, #d04135);
    --intent-danger-plain-active-text: light-dark(#882920, #d04135);
    --intent-highlight-supreme-base-background: #ecdb79;
    --intent-highlight-supreme-base-text: #0e0d0e;
    --intent-highlight-supreme-hover-background: #e5cf4d;
    --intent-highlight-supreme-hover-text: #0e0d0e;
    --intent-highlight-supreme-active-background: #dec521;
    --intent-highlight-supreme-active-text: #0e0d0e;
    --intent-highlight-supreme-disabled-text: light-dark(#8e7a0b, #ecdb79);
    --intent-highlight-subtle-base-border: #e5cf4d;
    --intent-highlight-subtle-base-text: light-dark(#b39c1a, #e5cf4d);
    --intent-highlight-subtle-hover-background: #e5cf4d;
    --intent-highlight-subtle-hover-text: #0e0d0e;
    --intent-highlight-subtle-active-background: #dec521;
    --intent-highlight-subtle-active-text: #0e0d0e;
    --intent-highlight-subtle-disabled-text: #b39c1a;
    --intent-highlight-plain-base-text: light-dark(#b39c1a, #e5cf4d);
    --intent-highlight-plain-hover-text: light-dark(#8e7a0b, #b39c1a);
    --intent-highlight-plain-active-text: light-dark(#8e7a0b, #b39c1a);
    --surface-base: light-dark(#fbfbfb, #1b191a);
    --surface-container: light-dark(#f4f3f3, #232122);
    --surface-container1: light-dark(#ecebeb, #2e2a2c);
    --surface-popover: light-dark(#f4f3f3, #232122);
    --surface-window: light-dark(#f4f3f3, #232122);
    --navigation-item-active-background: light-dark(#e7e5e6, #232122);
    --navigation-item-hover-background: light-dark(#ecebeb, #2e2a2c);
    --shape-shadow-container: 0 0 2px 4px #00000040;
    --shape-stroke-style: solid;
    --shape-stroke-color: light-dark(#e7e5e6, #433e41);
    --typography-prose: 400 16px/1.21 Inter;
    --typography-control: 500 16px/1.21 Inter;
    --typography-heading: 400 24px/1.21 Inter;
    --typography-display: 400 40px/1.17 "Inter Display";
    --typography-main: light-dark(#0e0d0e, #ecebeb);
    --typography-inverse: light-dark(#ecebeb, #0e0d0e);
    --typography-subtle: light-dark(#433e41, #dbd8da);
    --typography-muted: light-dark(#5e565a, #aaa3a7);
    --typography-emphasize: light-dark(#1bb166, #7aebb2);
    --typography-selected-background: light-dark(#fdcee8, #48042a);
    --control-text: light-dark(var(--typography-main), var(--typography-main));
    --control-placeholder: light-dark(var(--typography-subtle), var(--typography-subtle));
    --control-disabled-text: light-dark(var(--typography-muted), var(--typography-muted));
    --intent-action-supreme-base-border: light-dark(var(--intent-action-supreme-base-background), var(--intent-action-supreme-base-background));
    --intent-action-supreme-hover-border: light-dark(var(--intent-action-supreme-hover-background), var(--intent-action-supreme-hover-background));
    --intent-action-supreme-active-border: light-dark(var(--intent-action-supreme-active-background), var(--intent-action-supreme-active-background));
    --intent-action-supreme-disabled-background: light-dark(var(--control-disabled-background), var(--control-disabled-background));
    --intent-action-subtle-base-background: light-dark(var(--control-background), var(--control-background));
    --intent-action-subtle-hover-border: light-dark(var(--intent-action-subtle-hover-background), var(--intent-action-subtle-hover-background));
    --intent-action-subtle-active-border: light-dark(var(--intent-action-subtle-active-background), var(--intent-action-subtle-active-background));
    --intent-action-subtle-disabled-background: light-dark(var(--control-background), var(--control-background));
    --intent-action-subtle-disabled-border: light-dark(var(--control-disabled-background), var(--control-disabled-background));
    --intent-alternative-supreme-base-border: light-dark(var(--intent-alternative-supreme-base-background), var(--intent-alternative-supreme-base-background));
    --intent-alternative-supreme-hover-border: light-dark(var(--intent-alternative-supreme-hover-background), var(--intent-alternative-supreme-hover-background));
    --intent-alternative-supreme-active-border: light-dark(var(--intent-alternative-supreme-active-background), var(--intent-alternative-supreme-active-background));
    --intent-alternative-supreme-disabled-background: light-dark(var(--control-disabled-background), var(--control-disabled-background));
    --intent-alternative-subtle-base-background: light-dark(var(--control-background), var(--control-background));
    --intent-alternative-subtle-hover-border: light-dark(var(--intent-alternative-subtle-hover-background), var(--intent-alternative-subtle-hover-background));
    --intent-alternative-subtle-active-border: light-dark(var(--intent-alternative-subtle-active-background), var(--intent-alternative-subtle-active-background));
    --intent-alternative-subtle-disabled-background: light-dark(var(--control-background), var(--control-background));
    --intent-alternative-subtle-disabled-border: light-dark(var(--control-disabled-background), var(--control-disabled-background));
    --intent-alternative-plain-disabled-text: light-dark(var(--typography-muted), var(--typography-muted));
    --intent-danger-supreme-base-border: light-dark(var(--intent-danger-supreme-base-background), var(--intent-danger-supreme-base-background));
    --intent-danger-supreme-hover-border: light-dark(var(--intent-danger-supreme-hover-background), var(--intent-danger-supreme-hover-background));
    --intent-danger-supreme-active-border: light-dark(var(--intent-danger-supreme-active-background), var(--intent-danger-supreme-active-background));
    --intent-danger-supreme-disabled-background: light-dark(var(--control-disabled-background), var(--control-disabled-background));
    --intent-danger-subtle-base-background: light-dark(var(--control-background), var(--control-background));
    --intent-danger-subtle-hover-border: light-dark(var(--intent-danger-subtle-hover-background), var(--intent-danger-subtle-hover-background));
    --intent-danger-subtle-disabled-background: light-dark(var(--control-background), var(--control-background));
    --intent-danger-subtle-disabled-border: light-dark(var(--control-disabled-background), var(--control-disabled-background));
    --intent-highlight-supreme-base-border: light-dark(var(--intent-highlight-supreme-base-background), var(--intent-highlight-supreme-base-background));
    --intent-highlight-supreme-hover-border: light-dark(var(--intent-highlight-supreme-hover-background), var(--intent-highlight-supreme-hover-background));
    --intent-highlight-supreme-active-border: light-dark(var(--intent-highlight-supreme-active-background), var(--intent-highlight-supreme-active-background));
    --intent-highlight-supreme-disabled-background: light-dark(var(--control-disabled-background), var(--control-disabled-background));
    --intent-highlight-subtle-base-background: light-dark(var(--control-background), var(--control-background));
    --intent-highlight-subtle-hover-border: light-dark(var(--intent-highlight-subtle-hover-background), var(--intent-highlight-subtle-hover-background));
    --intent-highlight-subtle-active-border: light-dark(var(--intent-highlight-subtle-active-background), var(--intent-highlight-subtle-active-background));
    --intent-highlight-subtle-disabled-background: light-dark(var(--control-background), var(--control-background));
    --intent-highlight-subtle-disabled-border: light-dark(var(--control-disabled-background), var(--control-disabled-background));
    --navigation-links-base: light-dark(var(--intent-action-plain-base-text), var(--intent-action-plain-base-text));
    --navigation-links-hover: light-dark(var(--intent-action-plain-hover-text), var(--intent-action-plain-hover-text));
    --navigation-links-active: light-dark(var(--intent-action-plain-active-text), var(--intent-action-plain-active-text));
    --shape-radius-primitive: var(--ls-3);
    --typography-code-text: light-dark(var(--typography-subtle), var(--typography-subtle));
    --typography-code-background: light-dark(var(--surface-container1), var(--surface-container1));
    --intent-action-supreme-disabled-border: light-dark(var(--intent-action-supreme-disabled-background), var(--intent-action-supreme-disabled-background));
    --intent-action-plain-disabled-text: light-dark(var(--control-disabled-text), var(--control-disabled-text));
    --intent-alternative-supreme-disabled-border: light-dark(var(--intent-alternative-supreme-disabled-background), var(--intent-alternative-supreme-disabled-background));
    --intent-danger-supreme-disabled-border: light-dark(var(--intent-danger-supreme-disabled-background), var(--intent-danger-supreme-disabled-background));
    --intent-danger-plain-disabled-text: light-dark(var(--control-disabled-text), var(--control-disabled-text));
    --intent-highlight-supreme-disabled-border: light-dark(var(--intent-highlight-supreme-disabled-background), var(--intent-highlight-supreme-disabled-background));
    --intent-highlight-plain-disabled-text: light-dark(var(--control-disabled-text), var(--control-disabled-text));
    --shape-radius-container: var(--spacing-container-2);
    --shape-radius-container-nested: var(--spacing-container-3);
    color-scheme: light dark;
  }

  [data-theemo-color-scheme="light"] {
    color-scheme: light;
  }

  [data-theemo-color-scheme="dark"] {
    color-scheme: dark;
  }

  [data-theemo-density="compact"] {
    --spacing-density: .8;
  }

  :root, [data-theemo-density="comfortable"] {
    --spacing-density: 1;
  }

  [data-theemo-density="spacious"] {
    --spacing-density: 1.2;
  }
}