/**
 * @semantic-ui/core v0.17.0
 * Semantic empowers designers and developers by creating a shared vocabulary for UI.
 *
 * @license MIT
 * @copyright (c) 2025 Jack Lukic <jack@semantic-ui.com>
 * @homepage http://next.semantic-ui.com
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
@layer global, theme;

/* src/css/global/reset.css */
@layer global.reset {
  *,
  *:before,
  *:after {
    box-sizing: inherit;
  }
  html {
    box-sizing: border-box;
  }
  input[type=text],
  input[type=email],
  input[type=search],
  input[type=password] {
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
  }
  body {
    margin: 0;
  }
  main {
    display: block;
  }
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  pre {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  a {
    background-color: transparent;
  }
  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  img {
    border-style: none;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  button,
  input {
    overflow: visible;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }
  progress {
    vertical-align: baseline;
  }
  textarea {
    overflow: auto;
  }
  [type=checkbox],
  [type=radio] {
    box-sizing: border-box;
    padding: 0;
  }
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  details {
    display: block;
  }
  summary {
    display: list-item;
  }
  template {
    display: none;
  }
  [hidden] {
    display: none;
  }
}

/* src/css/global/site.css */
@layer global.site {
  html {
    height: 100%;
  }
  html,
  body {
    margin: 0px;
    padding: 0px;
  }
  html {
    font-size: var(--font-size);
    container: page / normal;
  }
  *,
  *:before,
  *:after {
    box-sizing: var(--box-sizing);
  }
  body {
    margin: 0px;
    padding: 0px;
    overflow-x: var(--page-overflow-x);
    min-width: var(--page-min-width);
    background: var(--page-background);
    font-family: var(--page-font);
    line-height: var(--line-height);
    color: var(--text-color);
  }
  h1,
  h2,
  h3,
  h4,
  h5 {
    font-family: var(--header-font);
    color: var(--header-color);
  }
  h1 {
    font-size: var(--h1);
  }
  h2 {
    font-size: var(--h2);
  }
  h3 {
    font-size: var(--h3);
  }
  h4 {
    font-size: var(--h4);
  }
  h5 {
    font-size: var(--h5);
  }
  input[type=text],
  input[type=email],
  input[type=search],
  input[type=password] {
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  * {
    scrollbar-color: var(--thumb-background) var(--track-background);
    scrollbar-width: var(--scrollbar-width);
  }
  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: var(--scrollbar-width);
    height: var(--scrollbar-height);
  }
  ::-webkit-scrollbar-track {
    background: var(--track-background);
    border-radius: var(--track-border-radius);
  }
  ::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: var(--thumb-border-radius);
    background: var(--thumb-background);
    transition: var(--thumb-transition);
  }
  ::-webkit-scrollbar-thumb:window-inactive {
    background: var(--thumb-inactive-background);
  }
  ::-webkit-scrollbar-thumb:hover {
    background: var(--thumb-hover-background);
  }
  a {
    color: var(--link-color);
    text-decoration: var(--link-text-decoration);
    text-decoration-skip-ink: auto;
  }
  a:hover {
    color: var(--link-hover-color);
    text-decoration: var(--link-hover-text-decoration);
  }
}

/* src/css/global.css */

/* src/css/tokens/global/constants.css */
@layer tokens.global.constants {
  :root {
    --white-lch: 1 0 0;
    --black-lch: 0 0 0;
    --white-hex: #FFFFFF;
    --black-hex: #000000;
  }
}

/* src/css/tokens/global/typography.css */
@layer tokens.global.typography {
  :root {
    --font-name: "Lato";
    --header-font:
      var(--font-name),
      "Helvetica Neue",
      "Arial",
      "Helvetica",
      sans-serif;
    --page-font:
      var(--font-name),
      "Helvetica Neue",
      "Arial",
      "Helvetica",
      sans-serif;
    --bold: bold;
    --normal: normal;
    --header-font-weight: var(--bold);
    --header-line-height: var(--relative-18px);
    --link-text-decoration: none;
    --link-hover-text-decoration: var(--link-text-decoration);
    --h1: 28px;
    --h2: 24px;
    --h3: 18px;
    --h4: 15px;
    --h5: 14px;
    --header-top-margin: 2rem;
    --header-bottom-margin: 1rem;
    --em-size: var(--medium-size-px);
    --mini-size-px: 11;
    --tiny-size-px: 12;
    --small-size-px: 13;
    --medium-size-px: 14;
    --large-size-px: 16;
    --big-size-px: 18;
    --huge-size-px: 20;
    --massive-size-px: 24;
    --line-height: calc(20 / 14);
    --paragraph-margin: 0em 0em 1em;
    --paragraph-line-height: var(--line-height);
  }
}

/* src/css/tokens/global/layout.css */
@layer tokens.global.layout {
  :root {
    --box-sizing: border-box;
    --page-overflow-x: hidden;
    --spacing: 1rem;
    --compact-spacing: 0.5rem;
    --border-radius: 4px;
    --circular-radius: 500rem;
    --column-count: 16;
    --mobile-breakpoint: 320px;
    --tablet-breakpoint: 768px;
    --computer-breakpoint: 992px;
    --large-monitor-breakpoint: 1200px;
    --widescreen-monitor-breakpoint: 1920px;
  }
}

/* src/css/tokens/global/interaction.css */
@layer tokens.global.interaction {
  :root {
    --input-vertical-padding: var(--relative-10px);
    --input-horizontal-padding: var(--relative-12px);
    --input-padding: var(--input-vertical-padding) var(--input-horizontal-padding);
    --duration: 0.15s;
    --easing: ease;
    --recessed-opacity: 0.4;
    --disabled-opacity: 0.4;
    --hover-lightness: 0.05;
    --focus-lightness: -0.05;
    --down-lightness: -0.08;
    --active-lightness: -0.08;
    --link-opacity: 0.6;
    --focused-ring: 0px 0px 1px 3px var(--standard-100);
    --focused-outline-color: var(--inverted-100);
    --focused-ring-color: var(--primary-color);
    --focused-ring-outline-width: 1px;
    --focused-ring-width: 3px;
    --focused-ring-shadow: 0px 0px 0px var(--focused-ring-outline-width) var(--focused-outline-color), 0px 0px 0px var(--focused-ring-width) var(--focused-ring-color) ;
  }
}

/* src/css/tokens/global/visual.css */
@layer tokens.global.visual {
  :root {
    --use-custom-scrollbars: true;
    --scrollbar-width: 9px;
    --scrollbar-height: 5px;
    --track-border-radius: 0px;
    --thumb-border-radius: 0px;
    --thumb-transition: color 0.2s ease;
    --loader-size: var(--13px);
    --loader-speed: 0.6s;
    --loader-line-width: var(--2px);
    --page-layer: 1;
    --page-layer-1: 1;
    --page-layer-2: 2;
    --page-layer-3: 3;
    --page-layer-4: 4;
    --page-layer-5: 5;
    --float-layer: 100;
    --float-layer-1: 101;
    --float-layer-2: 102;
    --float-layer-3: 103;
    --float-layer-4: 104;
    --float-layer-5: 105;
    --overlay-layer: 1000;
    --overlay-layer-1: 1001;
    --overlay-layer-2: 1002;
    --overlay-layer-3: 1003;
    --overlay-layer-4: 1004;
    --overlay-layer-5: 1005;
  }
}

/* src/css/tokens/global/brands.css */
@layer tokens.global.brands {
  :root {
    --facebook-color: #1877F2;
    --twitter-color: #55ACEE;
    --linked-in-color: #1F88BE;
    --youtube-color: #FF0000;
    --pinterest-color: #BD081C;
    --instagram-color: #FD1D1D;
    --instagram-gradient:
      linear-gradient(
        45deg,
        #F09433 0%,
        #E6683C 25%,
        #DC2743 50%,
        #CC2366 75%,
        #BC1888 100%);
  }
}

/* src/css/tokens/computed/typography.css */
@layer tokens.computed.typography {
  :root {
    --glyph-width: 1.1em;
    --line-height-offset: calc((var(--line-height) - 1em) / 2);
    --header-line-height-offset: calc(var(--header-line-height) - 1em) / 2;
    --header-calc-top-margin: calc(var(--header-top-margin) - var(--header-line-height-offset));
    --header-bottom-margin: 1rem;
    --header-margin: var(--header-calc-top-margin) 0em var(--header-bottom-margin);
  }
}

/* src/css/tokens/computed/em-sizing.css */
@layer tokens.computed.emSizing {
  :root {
    --font-size: calc(var(--em-size) * 1px);
    --mini-ratio: calc(var(--mini-size-px) / var(--em-size));
    --tiny-ratio: calc(var(--tiny-size-px) / var(--em-size));
    --small-ratio: calc(var(--small-size-px) / var(--em-size));
    --medium-ratio: calc(var(--medium-size-px) / var(--em-size));
    --large-ratio: calc(var(--large-size-px) / var(--em-size));
    --big-ratio: calc(var(--big-size-px) / var(--em-size));
    --huge-ratio: calc(var(--huge-size-px) / var(--em-size));
    --massive-ratio: calc(var(--massive-size-px) / var(--em-size));
    --mini: calc(var(--mini-ratio) * 1rem);
    --tiny: calc(var(--tiny-ratio) * 1rem);
    --small: calc(var(--small-ratio) * 1rem);
    --medium: calc(var(--medium-ratio) * 1rem);
    --large: calc(var(--large-ratio) * 1rem);
    --big: calc(var(--big-ratio) * 1rem);
    --huge: calc(var(--huge-ratio) * 1rem);
    --massive: calc(var(--massive-ratio) * 1rem);
    --relative-mini: calc(var(--mini-ratio) * 1em);
    --relative-tiny: calc(var(--tiny-ratio) * 1em);
    --relative-small: calc(var(--small-ratio) * 1em);
    --relative-medium: calc(var(--medium-ratio) * 1em);
    --relative-large: calc(var(--large-ratio) * 1em);
    --relative-big: calc(var(--big-ratio) * 1em);
    --relative-huge: calc(var(--huge-ratio) * 1em);
    --relative-massive: calc(var(--massive-ratio) * 1em);
    --1px: calc((1 / var(--em-size)) * 1rem);
    --2px: calc((2 / var(--em-size)) * 1rem);
    --3px: calc((3 / var(--em-size)) * 1rem);
    --4px: calc((4 / var(--em-size)) * 1rem);
    --5px: calc((5 / var(--em-size)) * 1rem);
    --6px: calc((6 / var(--em-size)) * 1rem);
    --7px: calc((7 / var(--em-size)) * 1rem);
    --8px: calc((8 / var(--em-size)) * 1rem);
    --9px: calc((9 / var(--em-size)) * 1rem);
    --10px: calc((10 / var(--em-size)) * 1rem);
    --11px: calc((11 / var(--em-size)) * 1rem);
    --12px: calc((12 / var(--em-size)) * 1rem);
    --13px: calc((13 / var(--em-size)) * 1rem);
    --14px: calc((14 / var(--em-size)) * 1rem);
    --15px: calc((15 / var(--em-size)) * 1rem);
    --16px: calc((16 / var(--em-size)) * 1rem);
    --17px: calc((17 / var(--em-size)) * 1rem);
    --18px: calc((18 / var(--em-size)) * 1rem);
    --19px: calc((19 / var(--em-size)) * 1rem);
    --20px: calc((20 / var(--em-size)) * 1rem);
    --21px: calc((21 / var(--em-size)) * 1rem);
    --22px: calc((22 / var(--em-size)) * 1rem);
    --23px: calc((23 / var(--em-size)) * 1rem);
    --24px: calc((24 / var(--em-size)) * 1rem);
    --25px: calc((25 / var(--em-size)) * 1rem);
    --26px: calc((26 / var(--em-size)) * 1rem);
    --27px: calc((27 / var(--em-size)) * 1rem);
    --28px: calc((28 / var(--em-size)) * 1rem);
    --29px: calc((29 / var(--em-size)) * 1rem);
    --30px: calc((30 / var(--em-size)) * 1rem);
    --31px: calc((31 / var(--em-size)) * 1rem);
    --32px: calc((32 / var(--em-size)) * 1rem);
    --33px: calc((33 / var(--em-size)) * 1rem);
    --34px: calc((34 / var(--em-size)) * 1rem);
    --35px: calc((35 / var(--em-size)) * 1rem);
    --36px: calc((36 / var(--em-size)) * 1rem);
    --37px: calc((37 / var(--em-size)) * 1rem);
    --38px: calc((38 / var(--em-size)) * 1rem);
    --39px: calc((39 / var(--em-size)) * 1rem);
    --40px: calc((40 / var(--em-size)) * 1rem);
    --41px: calc((41 / var(--em-size)) * 1rem);
    --42px: calc((42 / var(--em-size)) * 1rem);
    --43px: calc((43 / var(--em-size)) * 1rem);
    --44px: calc((44 / var(--em-size)) * 1rem);
    --45px: calc((45 / var(--em-size)) * 1rem);
    --46px: calc((46 / var(--em-size)) * 1rem);
    --47px: calc((47 / var(--em-size)) * 1rem);
    --48px: calc((48 / var(--em-size)) * 1rem);
    --49px: calc((49 / var(--em-size)) * 1rem);
    --50px: calc((50 / var(--em-size)) * 1rem);
    --51px: calc((51 / var(--em-size)) * 1rem);
    --52px: calc((52 / var(--em-size)) * 1rem);
    --53px: calc((53 / var(--em-size)) * 1rem);
    --54px: calc((54 / var(--em-size)) * 1rem);
    --55px: calc((55 / var(--em-size)) * 1rem);
    --56px: calc((56 / var(--em-size)) * 1rem);
    --57px: calc((57 / var(--em-size)) * 1rem);
    --58px: calc((58 / var(--em-size)) * 1rem);
    --59px: calc((59 / var(--em-size)) * 1rem);
    --60px: calc((60 / var(--em-size)) * 1rem);
    --61px: calc((61 / var(--em-size)) * 1rem);
    --62px: calc((62 / var(--em-size)) * 1rem);
    --63px: calc((63 / var(--em-size)) * 1rem);
    --64px: calc((64 / var(--em-size)) * 1rem);
    --relative-1px: calc((1 / var(--em-size)) * 1em);
    --relative-2px: calc((2 / var(--em-size)) * 1em);
    --relative-3px: calc((3 / var(--em-size)) * 1em);
    --relative-4px: calc((4 / var(--em-size)) * 1em);
    --relative-5px: calc((5 / var(--em-size)) * 1em);
    --relative-6px: calc((6 / var(--em-size)) * 1em);
    --relative-7px: calc((7 / var(--em-size)) * 1em);
    --relative-8px: calc((8 / var(--em-size)) * 1em);
    --relative-9px: calc((9 / var(--em-size)) * 1em);
    --relative-10px: calc((10 / var(--em-size)) * 1em);
    --relative-11px: calc((11 / var(--em-size)) * 1em);
    --relative-12px: calc((12 / var(--em-size)) * 1em);
    --relative-13px: calc((13 / var(--em-size)) * 1em);
    --relative-14px: calc((14 / var(--em-size)) * 1em);
    --relative-15px: calc((15 / var(--em-size)) * 1em);
    --relative-16px: calc((16 / var(--em-size)) * 1em);
    --relative-17px: calc((17 / var(--em-size)) * 1em);
    --relative-18px: calc((18 / var(--em-size)) * 1em);
    --relative-19px: calc((19 / var(--em-size)) * 1em);
    --relative-20px: calc((20 / var(--em-size)) * 1em);
    --relative-21px: calc((21 / var(--em-size)) * 1em);
    --relative-22px: calc((22 / var(--em-size)) * 1em);
    --relative-23px: calc((23 / var(--em-size)) * 1em);
    --relative-24px: calc((24 / var(--em-size)) * 1em);
    --relative-25px: calc((25 / var(--em-size)) * 1em);
    --relative-26px: calc((26 / var(--em-size)) * 1em);
    --relative-27px: calc((27 / var(--em-size)) * 1em);
    --relative-28px: calc((28 / var(--em-size)) * 1em);
    --relative-29px: calc((29 / var(--em-size)) * 1em);
    --relative-30px: calc((30 / var(--em-size)) * 1em);
    --relative-31px: calc((31 / var(--em-size)) * 1em);
    --relative-32px: calc((32 / var(--em-size)) * 1em);
    --relative-33px: calc((33 / var(--em-size)) * 1em);
    --relative-34px: calc((34 / var(--em-size)) * 1em);
    --relative-35px: calc((35 / var(--em-size)) * 1em);
    --relative-36px: calc((36 / var(--em-size)) * 1em);
    --relative-37px: calc((37 / var(--em-size)) * 1em);
    --relative-38px: calc((38 / var(--em-size)) * 1em);
    --relative-39px: calc((39 / var(--em-size)) * 1em);
    --relative-40px: calc((40 / var(--em-size)) * 1em);
    --relative-41px: calc((41 / var(--em-size)) * 1em);
    --relative-42px: calc((42 / var(--em-size)) * 1em);
    --relative-43px: calc((43 / var(--em-size)) * 1em);
    --relative-44px: calc((44 / var(--em-size)) * 1em);
    --relative-45px: calc((45 / var(--em-size)) * 1em);
    --relative-46px: calc((46 / var(--em-size)) * 1em);
    --relative-47px: calc((47 / var(--em-size)) * 1em);
    --relative-48px: calc((48 / var(--em-size)) * 1em);
    --relative-49px: calc((49 / var(--em-size)) * 1em);
    --relative-50px: calc((50 / var(--em-size)) * 1em);
    --relative-51px: calc((51 / var(--em-size)) * 1em);
    --relative-52px: calc((52 / var(--em-size)) * 1em);
    --relative-53px: calc((53 / var(--em-size)) * 1em);
    --relative-54px: calc((54 / var(--em-size)) * 1em);
    --relative-55px: calc((55 / var(--em-size)) * 1em);
    --relative-56px: calc((56 / var(--em-size)) * 1em);
    --relative-57px: calc((57 / var(--em-size)) * 1em);
    --relative-58px: calc((58 / var(--em-size)) * 1em);
    --relative-59px: calc((59 / var(--em-size)) * 1em);
    --relative-60px: calc((60 / var(--em-size)) * 1em);
    --relative-61px: calc((61 / var(--em-size)) * 1em);
    --relative-62px: calc((62 / var(--em-size)) * 1em);
    --relative-63px: calc((63 / var(--em-size)) * 1em);
    --relative-64px: calc((64 / var(--em-size)) * 1em);
  }
}

/* src/css/tokens/computed/layout.css */
@layer tokens.computed.layout {
  :root {
    --padding: var(--spacing);
    --compact-padding: var(--compact-spacing);
    --horizontally-padded: 0rem var(--padding);
    --vertically-padded: var(--padding) 0rem;
    --margin: var(--spacing);
    --vertically-spaced: var(--spacing) 0rem;
    --horizontally-spaced: 0rem var(--spacing);
    --centered: var(--spacing) auto;
    --top-attached-border-radius: var(--border-radius) var(--border-radius) 0px 0px;
    --right-attached-border-radius: var(--border-radius) 0px 0px var(--border-radius);
    --bottom-attached-border-radius: 0px 0px var(--border-radius) var(--border-radius);
    --left-attached-border-radius: 0px var(--border-radius) var(--border-radius) 0px;
    --default-scrollbar-width: 17px;
    --loader-offset: calc(var(--loader-size) / 2 * -1);
    --loader-margin: var(--loader-offset) 0em 0em var(--loader-offset);
    --page-min-width: 320px;
    --largest-mobile-screen: calc(var(--tablet-breakpoint) - 1px);
    --largest-tablet-screen: calc(var(--computer-breakpoint) - 1px);
    --largest-small-monitor: calc(var(--large-monitor-breakpoint) - 1px);
    --largest-large-monitor: calc(var(--widescreen-monitor-breakpoint) - 1px);
    --one-wide: calc(1 / var(--column-count) * 100%);
    --two-wide: calc(2 / var(--column-count) * 100%);
    --three-wide: calc(3 / var(--column-count) * 100%);
    --four-wide: calc(4 / var(--column-count) * 100%);
    --five-wide: calc(5 / var(--column-count) * 100%);
    --six-wide: calc(6 / var(--column-count) * 100%);
    --seven-wide: calc(7 / var(--column-count) * 100%);
    --eight-wide: calc(8 / var(--column-count) * 100%);
    --nine-wide: calc(9 / var(--column-count) * 100%);
    --ten-wide: calc(10 / var(--column-count) * 100%);
    --eleven-wide: calc(11 / var(--column-count) * 100%);
    --twelve-wide: calc(12 / var(--column-count) * 100%);
    --thirteen-wide: calc(13 / var(--column-count) * 100%);
    --fourteen-wide: calc(14 / var(--column-count) * 100%);
    --fifteen-wide: calc(15 / var(--column-count) * 100%);
    --sixteen-wide: calc(16 / var(--column-count) * 100%);
    --one-column: calc(1 / 1 * 100%);
    --two-column: calc(1 / 2 * 100%);
    --three-column: calc(1 / 3 * 100%);
    --four-column: calc(1 / 4 * 100%);
    --five-column: calc(1 / 5 * 100%);
    --six-column: calc(1 / 6 * 100%);
    --seven-column: calc(1 / 7 * 100%);
    --eight-column: calc(1 / 8 * 100%);
    --nine-column: calc(1 / 9 * 100%);
    --ten-column: calc(1 / 10 * 100%);
    --eleven-column: calc(1 / 11 * 100%);
    --twelve-column: calc(1 / 12 * 100%);
    --thirteen-column: calc(1 / 13 * 100%);
    --fourteen-column: calc(1 / 14 * 100%);
    --fifteen-column: calc(1 / 15 * 100%);
    --sixteen-column: calc(1 / 16 * 100%);
  }
}

/* src/css/tokens/computed/colors.css */
@layer tokens.computed.colors {
  :root {
    --white-5: oklch(var(--white-lch) / 5%);
    --white-10: oklch(var(--white-lch) / 10%);
    --white-15: oklch(var(--white-lch) / 15%);
    --white-20: oklch(var(--white-lch) / 20%);
    --white-25: oklch(var(--white-lch) / 25%);
    --white-30: oklch(var(--white-lch) / 30%);
    --white-40: oklch(var(--white-lch) / 40%);
    --white-50: oklch(var(--white-lch) / 50%);
    --white-60: oklch(var(--white-lch) / 60%);
    --white-70: oklch(var(--white-lch) / 70%);
    --white-75: oklch(var(--white-lch) / 75%);
    --white-80: oklch(var(--white-lch) / 80%);
    --white-85: oklch(var(--white-lch) / 85%);
    --white-90: oklch(var(--white-lch) / 90%);
    --white-95: oklch(var(--white-lch) / 95%);
    --white-100: oklch(var(--white-lch) / 100%);
    --white: var(--white-100);
    --black-5: oklch(var(--black-lch) / 5%);
    --black-10: oklch(var(--black-lch) / 10%);
    --black-15: oklch(var(--black-lch) / 15%);
    --black-20: oklch(var(--black-lch) / 20%);
    --black-20: oklch(var(--black-lch) / 25%);
    --black-30: oklch(var(--black-lch) / 30%);
    --black-40: oklch(var(--black-lch) / 40%);
    --black-50: oklch(var(--black-lch) / 50%);
    --black-60: oklch(var(--black-lch) / 60%);
    --black-70: oklch(var(--black-lch) / 70%);
    --black-75: oklch(var(--black-lch) / 75%);
    --black-80: oklch(var(--black-lch) / 80%);
    --black-85: oklch(var(--black-lch) / 85%);
    --black-90: oklch(var(--black-lch) / 90%);
    --black-95: oklch(var(--black-lch) / 95%);
    --black-100: oklch(var(--black-lch) / 100%);
    --black: var(--black-100);
    --white-solid-100: oklch(1 0 0 / 100%);
    --white-solid-95: oklch(0.95 0 0 / 100%);
    --white-solid-90: oklch(0.9 0 0 / 100%);
    --white-solid-85: oklch(0.85 0 0 / 100%);
    --white-solid-80: oklch(0.8 0 0 / 100%);
    --white-solid-75: oklch(0.75 0 0 / 100%);
    --white-solid-70: oklch(0.7 0 0 / 100%);
    --white-solid-60: oklch(0.6 0 0 / 100%);
    --white-solid-50: oklch(0.5 0 0 / 100%);
    --white-solid-40: oklch(0.4 0 0 / 100%);
    --white-solid-30: oklch(0.3 0 0 / 100%);
    --white-solid-25: oklch(0.25 0 0 / 100%);
    --white-solid-20: oklch(0.2 0 0 / 100%);
    --white-solid-15: oklch(0.15 0 0 / 100%);
    --white-solid-10: oklch(0.1 0 0 / 100%);
    --white-solid-5: oklch(0.05 0 0 / 100%);
    --black-solid-100: oklch(0 0 0 / 100%);
    --black-solid-95: oklch(0.05 0 0 / 100%);
    --black-solid-90: oklch(0.1 0 0 / 100%);
    --black-solid-85: oklch(0.15 0 0 / 100%);
    --black-solid-80: oklch(0.2 0 0 / 100%);
    --black-solid-75: oklch(0.25 0 0 / 100%);
    --black-solid-70: oklch(0.3 0 0 / 100%);
    --black-solid-60: oklch(0.4 0 0 / 100%);
    --black-solid-50: oklch(0.5 0 0 / 100%);
    --black-solid-40: oklch(0.6 0 0 / 100%);
    --black-solid-30: oklch(0.7 0 0 / 100%);
    --black-solid-25: oklch(0.75 0 0 / 100%);
    --black-solid-20: oklch(0.8 0 0 / 100%);
    --black-solid-15: oklch(0.85 0 0 / 100%);
    --black-solid-10: oklch(0.9 0 0 / 100%);
    --black-solid-5: oklch(0.95 0 0 / 100%);
  }
}

/* src/css/tokens/computed/interaction.css */
@layer tokens.computed.interaction {
  :root {
    --transition: all var(--duration) var(--easing);
  }
}

/* src/css/tokens/themes/light/base.css */
@layer tokens.themes.light.base {
  html,
  .light.theme.theme,
  [light][light],
  [theme][theme=light] {
    --dark-mode: false;
    --light-mode: true;
    --standard-color: var(--black-lch);
    --inverted-color: var(--white-lch);
    --standard-hex: var(--black-hex);
    --inverted-hex: var(--white-hex);
    --standard-solid-100: var(--black-solid-100);
    --standard-solid-95: var(--black-solid-95);
    --standard-solid-90: var(--black-solid-90);
    --standard-solid-85: var(--black-solid-85);
    --standard-solid-80: var(--black-solid-80);
    --standard-solid-75: var(--black-solid-75);
    --standard-solid-70: var(--black-solid-70);
    --standard-solid-60: var(--black-solid-60);
    --standard-solid-50: var(--black-solid-50);
    --standard-solid-40: var(--black-solid-40);
    --standard-solid-30: var(--black-solid-30);
    --standard-solid-25: var(--black-solid-25);
    --standard-solid-20: var(--black-solid-20);
    --standard-solid-15: var(--black-solid-15);
    --standard-solid-10: var(--black-solid-10);
    --standard-solid-5: var(--black-solid-5);
    --inverted-solid-100: var(--white-solid-100);
    --inverted-solid-95: var(--white-solid-95);
    --inverted-solid-90: var(--white-solid-90);
    --inverted-solid-85: var(--white-solid-85);
    --inverted-solid-80: var(--white-solid-80);
    --inverted-solid-75: var(--white-solid-75);
    --inverted-solid-70: var(--white-solid-70);
    --inverted-solid-60: var(--white-solid-60);
    --inverted-solid-50: var(--white-solid-50);
    --inverted-solid-40: var(--white-solid-40);
    --inverted-solid-30: var(--white-solid-30);
    --inverted-solid-25: var(--white-solid-25);
    --inverted-solid-20: var(--white-solid-20);
    --inverted-solid-15: var(--white-solid-15);
    --inverted-solid-10: var(--white-solid-10);
    --inverted-solid-5: var(--white-solid-5);
    --page-background: var(--white);
  }
}

/* src/css/tokens/themes/light/colors.css */
@layer tokens.themes.light.colors {
  html,
  .light.theme.theme,
  [light][light],
  [theme][theme=light] {
    --red: oklch(0.59 0.27 28);
    --orange: oklch(0.65 0.2 44.37);
    --yellow: oklch(0.78 0.18 81.24);
    --olive: oklch(0.69 0.19 119.53);
    --green: oklch(0.62 0.26 145.53);
    --teal: oklch(0.66 0.14 188.03);
    --blue: oklch(0.56 0.21 251);
    --violet: oklch(0.46 0.26 283.29);
    --purple: oklch(0.54 0.26 314.43);
    --pink: oklch(0.59 0.27 358.33);
    --brown: oklch(0.5 0.11 51.34);
    --grey: oklch(0.57 0 0);
    --slate: oklch(0.23 0 0);
    --red-text-color: var(--red-70);
    --olive-text-color: var(--olive-70);
    --green-text-color: var(--green-70);
    --yellow-text-color: var(--yellow-70);
    --blue-text-color: var(--blue-70);
    --teal-text-color: var(--teal-70);
    --pink-text-color: var(--pink-70);
    --violet-text-color: var(--violet-70);
    --purple-text-color: var(--purple-70);
    --orange-text-color: var(--orange-70);
    --brown-text-color: var(--brown-70);
    --grey-text-color: var(--grey-70);
    --slate-text-color: var(--slate-70);
    --red-header-color: var(--red-80);
    --olive-header-color: var(--olive-80);
    --green-header-color: var(--green-80);
    --yellow-header-color: var(--yellow-80);
    --blue-header-color: var(--blue-80);
    --teal-header-color: var(--teal-80);
    --pink-header-color: var(--pink-80);
    --violet-header-color: var(--violet-80);
    --purple-header-color: var(--purple-80);
    --orange-header-color: var(--orange-80);
    --brown-header-color: var(--brown-80);
    --grey-header-color: var(--grey-80);
    --slate-header-color: var(--slate-80);
    --red-background-color: var(--red-0);
    --olive-background-color: var(--olive-0);
    --green-background-color: var(--green-0);
    --yellow-background-color: var(--yellow-0);
    --blue-background-color: var(--blue-0);
    --teal-background-color: var(--teal-0);
    --pink-background-color: var(--pink-0);
    --violet-background-color: var(--violet-0);
    --purple-background-color: var(--purple-0);
    --orange-background-color: var(--orange-0);
    --brown-background-color: var(--brown-0);
    --grey-background-color: var(--grey-0);
    --slate-background-color: var(--slate-0);
    --red-border-color: var(--red-30);
    --olive-border-color: var(--olive-30);
    --green-border-color: var(--green-30);
    --yellow-border-color: var(--yellow-30);
    --blue-border-color: var(--blue-30);
    --teal-border-color: var(--teal-30);
    --pink-border-color: var(--pink-30);
    --violet-border-color: var(--violet-30);
    --purple-border-color: var(--purple-30);
    --orange-border-color: var(--orange-30);
    --brown-border-color: var(--brown-30);
    --grey-border-color: var(--grey-30);
    --slate-border-color: var(--slate-30);
    --red-border: 1px solid var(--red-30);
    --olive-border: 1px solid var(--olive-30);
    --green-border: 1px solid var(--green-30);
    --yellow-border: 1px solid var(--yellow-30);
    --blue-border: 1px solid var(--blue-30);
    --teal-border: 1px solid var(--teal-30);
    --pink-border: 1px solid var(--pink-30);
    --violet-border: 1px solid var(--violet-30);
    --purple-border: 1px solid var(--purple-30);
    --orange-border: 1px solid var(--orange-30);
    --brown-border: 1px solid var(--brown-30);
    --grey-border: 1px solid var(--grey-30);
    --slate-border: 1px solid var(--slate-30);
    --base-lightness-0: 1.66;
    --base-lightness-5: 1.61;
    --base-lightness-10: 1.52;
    --base-lightness-20: 1.39;
    --base-lightness-30: 1.25;
    --base-lightness-40: 1.10;
    --base-lightness-50: 1.0;
    --base-lightness-60: 0.88;
    --base-lightness-70: 0.76;
    --base-lightness-80: 0.64;
    --base-lightness-90: 0.52;
    --base-lightness-95: 0.38;
    --base-lightness-100: 0.25;
    --lightness-0: var(--base-lightness-0);
    --lightness-5: var(--base-lightness-5);
    --lightness-10: var(--base-lightness-10);
    --lightness-20: var(--base-lightness-20);
    --lightness-30: var(--base-lightness-30);
    --lightness-40: var(--base-lightness-40);
    --lightness-50: var(--base-lightness-50);
    --lightness-60: var(--base-lightness-60);
    --lightness-70: var(--base-lightness-70);
    --lightness-80: var(--base-lightness-80);
    --lightness-90: var(--base-lightness-90);
    --lightness-95: var(--base-lightness-95);
    --lightness-100: var(--base-lightness-100);
    --base-chroma-0: 0.15;
    --base-chroma-5: 0.25;
    --base-chroma-10: 0.35;
    --base-chroma-20: 0.55;
    --base-chroma-30: 0.75;
    --base-chroma-40: 0.90;
    --base-chroma-50: 1.0;
    --base-chroma-60: 0.90;
    --base-chroma-70: 0.75;
    --base-chroma-80: 0.55;
    --base-chroma-90: 0.35;
    --base-chroma-95: 0.25;
    --base-chroma-100: 0.15;
    --chroma-0: var(--base-chroma-0);
    --chroma-5: var(--base-chroma-5);
    --chroma-10: var(--base-chroma-10);
    --chroma-20: var(--base-chroma-20);
    --chroma-30: var(--base-chroma-30);
    --chroma-40: var(--base-chroma-40);
    --chroma-50: var(--base-chroma-50);
    --chroma-60: var(--base-chroma-60);
    --chroma-70: var(--base-chroma-70);
    --chroma-80: var(--base-chroma-80);
    --chroma-90: var(--base-chroma-90);
    --chroma-95: var(--base-chroma-95);
    --chroma-100: var(--base-chroma-100);
    --lightness-0-invariant: var(--base-lightness-0);
    --lightness-5-invariant: var(--base-lightness-5);
    --lightness-10-invariant: var(--base-lightness-10);
    --lightness-20-invariant: var(--base-lightness-20);
    --lightness-30-invariant: var(--base-lightness-30);
    --lightness-40-invariant: var(--base-lightness-40);
    --lightness-50-invariant: var(--base-lightness-50);
    --lightness-60-invariant: var(--base-lightness-60);
    --lightness-70-invariant: var(--base-lightness-70);
    --lightness-80-invariant: var(--base-lightness-80);
    --lightness-90-invariant: var(--base-lightness-90);
    --lightness-100-invariant: var(--base-lightness-100);
    --chroma-0-invariant: var(--base-chroma-0);
    --chroma-5-invariant: var(--base-chroma-5);
    --chroma-10-invariant: var(--base-chroma-10);
    --chroma-20-invariant: var(--base-chroma-20);
    --chroma-30-invariant: var(--base-chroma-30);
    --chroma-40-invariant: var(--base-chroma-40);
    --chroma-50-invariant: var(--base-chroma-50);
    --chroma-60-invariant: var(--base-chroma-60);
    --chroma-70-invariant: var(--base-chroma-70);
    --chroma-80-invariant: var(--base-chroma-80);
    --chroma-90-invariant: var(--base-chroma-90);
    --chroma-100-invariant: var(--base-chroma-100);
    --red-lightness-0: var(--lightness-0);
    --red-lightness-5: var(--lightness-5);
    --red-lightness-10: var(--lightness-10);
    --red-lightness-20: var(--lightness-20);
    --red-lightness-30: var(--lightness-30);
    --red-lightness-40: var(--lightness-40);
    --red-lightness-50: var(--lightness-50);
    --red-lightness-60: var(--lightness-60);
    --red-lightness-70: var(--lightness-70);
    --red-lightness-80: var(--lightness-80);
    --red-lightness-90: var(--lightness-90);
    --red-lightness-100: var(--lightness-100);
    --red-chroma-0: var(--chroma-0);
    --red-chroma-5: var(--chroma-5);
    --red-chroma-10: var(--chroma-10);
    --red-chroma-20: var(--chroma-20);
    --red-chroma-30: var(--chroma-30);
    --red-chroma-40: var(--chroma-40);
    --red-chroma-50: var(--chroma-50);
    --red-chroma-60: var(--chroma-60);
    --red-chroma-70: var(--chroma-70);
    --red-chroma-80: var(--chroma-80);
    --red-chroma-90: var(--chroma-90);
    --red-chroma-100: var(--chroma-100);
    --red-hue-shift-70: 2;
    --red-hue-shift-80: 3;
    --red-hue-shift-90: 4;
    --red-hue-shift-100: 5;
  }
}

/* src/css/tokens/themes/light/interaction.css */
@layer tokens.themes.light.interaction {
  html,
  .light.theme.theme,
  [light][light],
  [theme][theme=light] {
    --form-focused-border-color: var(--primary-text-color);
    --highlight-color: var(--text-color);
    --input-highlight-background: rgb(100 100 100 / 40%);
    --input-highlight-color: var(--text-color);
    --ui-hue: 234.71;
    --ui-chroma: 0.01;
    --ui-lightness: 0.17;
    --ui-lightness-light: 0.2;
    --ui-lightness-dark: 0.15;
    --link-color: oklch(0.61 0.17 250.88);
    --link-hover-color: oklch(0.62 0.22 252.98);
    --very-subtle-transparent-black: oklch(var(--black-lch) / 2%);
    --subtle-transparent-black: oklch(var(--black-lch) / 3%);
    --transparent-black: oklch(var(--black-lch) / 5%);
    --strong-transparent-black: oklch(var(--black-lch) / 8%);
    --very-strong-transparent-black: oklch(var(--black-lch) / 15%);
    --very-subtle-transparent-white: oklch(var(--white-lch) / 3%);
    --subtle-transparent-white: oklch(var(--white-lch) / 5%);
    --transparent-white: oklch(var(--white-lch) / 8%);
    --strong-transparent-white: oklch(var(--white-lch) / 13%);
    --very-strong-transparent-white: oklch(var(--black-lch) / 18%);
    --ui-emphasis-strong: oklch(0.98 0.01 282.32);
    --ui-emphasis: oklch(0.98 0.01 272.79);
    --black-border-lch: 0.2 0.01 279.32;
    --white-border-lch: 0.96 0.01 279.32;
    --standard-border-color: var(--black-border-lch);
    --inverted-border-color: var(--white-border-lch);
    --black-border-color: oklch(var(--black-border-lch) / 10%);
    --selected-black-border-color: oklch(var(--black-border-lch) / 50%);
    --white-border-color: oklch(var(--white-border-lch) / 10%);
    --selected-white-border-color: oklch(var(--white-border-lch) / 50%);
    --solid-internal-border-color: var(--standard-solid-5);
    --solid-border-color: var(--standard-solid-10);
    --solid-black-border-color: var(--black-solid-90);
    --solid-white-border-color: var(--white-solid-90);
  }
}

/* src/css/tokens/themes/dark/base.css */
@layer tokens.themes.dark.base {
  html.dark,
  .dark.theme.theme,
  [dark][dark],
  [theme][theme=dark] {
    --dark-mode: true;
    --light-mode: false;
    --page-background: var(--black);
    --standard-color: var(--white-lch);
    --inverted-color: var(--black-lch);
    --standard-hex: var(--white-hex);
    --inverted-hex: var(--black-hex);
    --standard-border-color: var(--white-border-lch);
    --inverted-border-color: var(--black-border-lch);
    --standard-solid-100: var(--white-solid-100);
    --standard-solid-95: var(--white-solid-95);
    --standard-solid-90: var(--white-solid-90);
    --standard-solid-85: var(--white-solid-85);
    --standard-solid-80: var(--white-solid-80);
    --standard-solid-75: var(--white-solid-75);
    --standard-solid-70: var(--white-solid-70);
    --standard-solid-60: var(--white-solid-60);
    --standard-solid-50: var(--white-solid-50);
    --standard-solid-40: var(--white-solid-40);
    --standard-solid-30: var(--white-solid-30);
    --standard-solid-25: var(--white-solid-25);
    --standard-solid-20: var(--white-solid-20);
    --standard-solid-15: var(--white-solid-15);
    --standard-solid-10: var(--white-solid-10);
    --standard-solid-5: var(--white-solid-5);
    --inverted-solid-100: var(--black-solid-100);
    --inverted-solid-95: var(--black-solid-95);
    --inverted-solid-90: var(--black-solid-90);
    --inverted-solid-85: var(--black-solid-85);
    --inverted-solid-80: var(--black-solid-80);
    --inverted-solid-75: var(--black-solid-75);
    --inverted-solid-70: var(--black-solid-70);
    --inverted-solid-60: var(--black-solid-60);
    --inverted-solid-50: var(--black-solid-50);
    --inverted-solid-40: var(--black-solid-40);
    --inverted-solid-30: var(--black-solid-30);
    --inverted-solid-25: var(--black-solid-25);
    --inverted-solid-20: var(--black-solid-20);
    --inverted-solid-15: var(--black-solid-15);
    --inverted-solid-10: var(--black-solid-10);
    --inverted-solid-5: var(--black-solid-5);
  }
}

/* src/css/tokens/themes/dark/colors.css */
@layer tokens.themes.dark.colors {
  html.dark,
  .dark.theme.theme,
  [dark][dark],
  [theme][theme=dark] {
    --white-text-color: var(--white-80);
    --black-text-color: var(--black-80);
    --lightness-0: var(--base-lightness-100);
    --lightness-5: var(--base-lightness-95);
    --lightness-10: var(--base-lightness-90);
    --lightness-20: var(--base-lightness-80);
    --lightness-30: var(--base-lightness-70);
    --lightness-40: var(--base-lightness-60);
    --lightness-50: var(--base-lightness-50);
    --lightness-60: var(--base-lightness-40);
    --lightness-70: var(--base-lightness-30);
    --lightness-80: var(--base-lightness-20);
    --lightness-90: var(--base-lightness-10);
    --lightness-95: var(--base-lightness-5);
    --lightness-100: var(--base-lightness-0);
    --chroma-0: var(--base-chroma-100);
    --chroma-5: var(--base-chroma-95);
    --chroma-10: var(--base-chroma-90);
    --chroma-20: var(--base-chroma-80);
    --chroma-30: var(--base-chroma-70);
    --chroma-40: var(--base-chroma-60);
    --chroma-50: var(--base-chroma-50);
    --chroma-60: var(--base-chroma-40);
    --chroma-70: var(--base-chroma-30);
    --chroma-80: var(--base-chroma-20);
    --chroma-90: var(--base-chroma-10);
    --chroma-95: var(--base-chroma-5);
    --chroma-100: var(--base-chroma-0);
    --ui-emphasis-strong: oklch(0.16 0.02 266.69);
    --ui-emphasis: oklch(0.13 0.02 266.79);
    --subtle-transparent-black: oklch(var(--black-lch) / 5%);
    --transparent-black: oklch(var(--black-lch) / 15%);
    --strong-transparent-black: oklch(var(--black-lch) / 20%);
    --very-strong-transparent-black: oklch(var(--black-lch) / 20%);
    --subtle-transparent-white: oklch(var(--white-lch) / 5%);
    --transparent-white: oklch(var(--white-lch) / 8%);
    --strong-transparent-white: oklch(var(--white-lch) / 13%);
    --very-strong-transparent-white: oklch(var(--white-lch) / 18%);
  }
}

/* src/css/tokens/themes/dark/interaction.css */
@layer tokens.themes.dark.interaction {
  html.dark,
  .dark.theme.theme,
  [dark][dark],
  [theme][theme=dark] {
    --text-color: var(--standard-90);
    --header-color: var(--standard-100);
    --link-color: oklch(0.74 0.15 249.95);
    --link-hover-color: oklch(0.7 0.18 250.31);
    --solid-border-color: var(--black-solid-75);
  }
}

/* src/css/tokens/themes/dark/effects.css */
@layer tokens.themes.dark.effects {
  html.dark,
  .dark.theme.theme,
  [dark][dark],
  [theme][theme=dark] {
    --subtle-shadow: 0px 1px 2px 0 var(--transparent-black);
    --subtle-inset-shadow: 0px 2px 3px 0 var(--transparent-black) inset;
    --subtle-top-lip-shadow: 0px var(--subtle-lip-distance) var(--subtle-lip-spread) var(--subtle-lip-reduce) var(--strong-transparent-black) inset;
    --subtle-bottom-lip-shadow: 0px var(--subtle-lip-distance-inverse) var(--subtle-lip-spread) var(--subtle-lip-reduce) var(--strong-transparent-black) inset;
    --subtle-left-lip-shadow: var(--subtle-lip-distance) 0px var(--subtle-lip-spread) var(--subtle-lip-reduce) var(--strong-transparent-black) inset;
    --subtle-right-lip-shadow: var(--subtle-lip-distance-inverse) 0px var(--subtle-lip-spread) var(--subtle-lip-reduce) var(--strong-transparent-black) inset;
  }
}

/* src/css/tokens/themes/computed/base.css */
@layer tokens.themes.computed.base {
  :root,
  .theme,
  [light],
  [dark],
  [theme] {
    --standard-5: oklch(var(--standard-color) / 5%);
    --standard-10: oklch(var(--standard-color) / 10%);
    --standard-15: oklch(var(--standard-color) / 15%);
    --standard-20: oklch(var(--standard-color) / 20%);
    --standard-25: oklch(var(--standard-color) / 25%);
    --standard-30: oklch(var(--standard-color) / 30%);
    --standard-40: oklch(var(--standard-color) / 40%);
    --standard-50: oklch(var(--standard-color) / 50%);
    --standard-60: oklch(var(--standard-color) / 60%);
    --standard-70: oklch(var(--standard-color) / 70%);
    --standard-75: oklch(var(--standard-color) / 75%);
    --standard-80: oklch(var(--standard-color) / 80%);
    --standard-85: oklch(var(--standard-color) / 85%);
    --standard-90: oklch(var(--standard-color) / 90%);
    --standard-95: oklch(var(--standard-color) / 95%);
    --standard-100: oklch(var(--standard-color) / 100%);
    --inverted-5: oklch(var(--inverted-color) / 5%);
    --inverted-10: oklch(var(--inverted-color) / 10%);
    --inverted-15: oklch(var(--inverted-color) / 15%);
    --inverted-20: oklch(var(--inverted-color) / 20%);
    --inverted-25: oklch(var(--inverted-color) / 25%);
    --inverted-30: oklch(var(--inverted-color) / 30%);
    --inverted-40: oklch(var(--inverted-color) / 40%);
    --inverted-50: oklch(var(--inverted-color) / 50%);
    --inverted-60: oklch(var(--inverted-color) / 60%);
    --inverted-70: oklch(var(--inverted-color) / 70%);
    --inverted-75: oklch(var(--inverted-color) / 75%);
    --inverted-80: oklch(var(--inverted-color) / 80%);
    --inverted-85: oklch(var(--inverted-color) / 85%);
    --inverted-90: oklch(var(--inverted-color) / 90%);
    --inverted-95: oklch(var(--inverted-color) / 95%);
    --inverted-100: oklch(var(--inverted-color) / 100%);
  }
}

/* src/css/tokens/themes/computed/colors.css */
@layer tokens.themes.computed.colors {
  :root,
  .theme,
  [light],
  [dark],
  [theme] {
    --red-lightness-0: var(--lightness-0);
    --red-lightness-5: var(--lightness-5);
    --red-lightness-10: var(--lightness-10);
    --red-lightness-20: var(--lightness-20);
    --red-lightness-30: var(--lightness-30);
    --red-lightness-40: var(--lightness-40);
    --red-lightness-50: var(--lightness-50);
    --red-lightness-60: var(--lightness-60);
    --red-lightness-70: var(--lightness-70);
    --red-lightness-80: var(--lightness-80);
    --red-lightness-90: var(--lightness-90);
    --red-lightness-95: var(--lightness-95);
    --red-lightness-100: var(--lightness-100);
    --red-chroma-0: var(--chroma-0);
    --red-chroma-5: var(--chroma-5);
    --red-chroma-10: var(--chroma-10);
    --red-chroma-20: var(--chroma-20);
    --red-chroma-30: var(--chroma-30);
    --red-chroma-40: var(--chroma-40);
    --red-chroma-50: var(--chroma-50);
    --red-chroma-60: var(--chroma-60);
    --red-chroma-70: var(--chroma-70);
    --red-chroma-80: var(--chroma-80);
    --red-chroma-90: var(--chroma-90);
    --red-chroma-95: var(--chroma-95);
    --red-chroma-100: var(--chroma-100);
    --red-hue-shift-60: 4;
    --red-hue-shift-70: 6;
    --red-hue-shift-80: 8;
    --red-hue-shift-90: 10;
    --red-hue-shift-95: 13;
    --red-hue-shift-100: 15;
    --blue-lightness-0: var(--lightness-0);
    --blue-lightness-5: var(--lightness-5);
    --blue-lightness-10: var(--lightness-10);
    --blue-lightness-20: var(--lightness-20);
    --blue-lightness-30: var(--lightness-30);
    --blue-lightness-40: var(--lightness-40);
    --blue-lightness-50: var(--lightness-50);
    --blue-lightness-60: var(--lightness-60);
    --blue-lightness-70: var(--lightness-70);
    --blue-lightness-80: var(--lightness-80);
    --blue-lightness-90: var(--lightness-90);
    --blue-lightness-95: var(--lightness-95);
    --blue-lightness-100: var(--lightness-100);
    --blue-chroma-0: var(--chroma-0);
    --blue-chroma-5: var(--chroma-5);
    --blue-chroma-10: var(--chroma-10);
    --blue-chroma-20: var(--chroma-20);
    --blue-chroma-30: var(--chroma-30);
    --blue-chroma-40: var(--chroma-40);
    --blue-chroma-50: var(--chroma-50);
    --blue-chroma-60: var(--chroma-60);
    --blue-chroma-70: var(--chroma-70);
    --blue-chroma-80: var(--chroma-80);
    --blue-chroma-90: var(--chroma-90);
    --blue-chroma-95: var(--chroma-95);
    --blue-chroma-100: var(--chroma-100);
    --green-lightness-0: var(--lightness-0);
    --green-lightness-5: var(--lightness-5);
    --green-lightness-10: var(--lightness-10);
    --green-lightness-20: var(--lightness-20);
    --green-lightness-30: var(--lightness-30);
    --green-lightness-40: var(--lightness-40);
    --green-lightness-50: var(--lightness-50);
    --green-lightness-60: var(--lightness-60);
    --green-lightness-70: var(--lightness-70);
    --green-lightness-80: var(--lightness-80);
    --green-lightness-90: var(--lightness-90);
    --green-lightness-95: var(--lightness-95);
    --green-lightness-100: var(--lightness-100);
    --green-chroma-0: var(--chroma-0);
    --green-chroma-5: var(--chroma-5);
    --green-chroma-10: var(--chroma-10);
    --green-chroma-20: var(--chroma-20);
    --green-chroma-30: var(--chroma-30);
    --green-chroma-40: var(--chroma-40);
    --green-chroma-50: var(--chroma-50);
    --green-chroma-60: var(--chroma-60);
    --green-chroma-70: var(--chroma-70);
    --green-chroma-80: var(--chroma-80);
    --green-chroma-90: var(--chroma-90);
    --green-chroma-95: var(--chroma-95);
    --green-chroma-100: var(--chroma-100);
    --yellow-lightness-0: var(--lightness-0);
    --yellow-lightness-5: var(--lightness-5);
    --yellow-lightness-10: var(--lightness-10);
    --yellow-lightness-20: var(--lightness-20);
    --yellow-lightness-30: var(--lightness-30);
    --yellow-lightness-40: var(--lightness-40);
    --yellow-lightness-50: var(--lightness-50);
    --yellow-lightness-60: var(--lightness-60);
    --yellow-lightness-70: var(--lightness-70);
    --yellow-lightness-80: var(--lightness-80);
    --yellow-lightness-90: var(--lightness-90);
    --yellow-lightness-95: var(--lightness-95);
    --yellow-lightness-100: var(--lightness-100);
    --yellow-chroma-0: var(--chroma-0);
    --yellow-chroma-5: var(--chroma-5);
    --yellow-chroma-10: var(--chroma-10);
    --yellow-chroma-20: var(--chroma-20);
    --yellow-chroma-30: var(--chroma-30);
    --yellow-chroma-40: var(--chroma-40);
    --yellow-chroma-50: var(--chroma-50);
    --yellow-chroma-60: var(--chroma-60);
    --yellow-chroma-70: var(--chroma-70);
    --yellow-chroma-80: var(--chroma-80);
    --yellow-chroma-90: var(--chroma-90);
    --yellow-chroma-95: var(--chroma-95);
    --yellow-chroma-100: var(--chroma-100);
    --orange-lightness-0: var(--lightness-0);
    --orange-lightness-5: var(--lightness-5);
    --orange-lightness-10: var(--lightness-10);
    --orange-lightness-20: var(--lightness-20);
    --orange-lightness-30: var(--lightness-30);
    --orange-lightness-40: var(--lightness-40);
    --orange-lightness-50: var(--lightness-50);
    --orange-lightness-60: var(--lightness-60);
    --orange-lightness-70: var(--lightness-70);
    --orange-lightness-80: var(--lightness-80);
    --orange-lightness-90: var(--lightness-90);
    --orange-lightness-95: var(--lightness-95);
    --orange-lightness-100: var(--lightness-100);
    --orange-chroma-0: var(--chroma-0);
    --orange-chroma-5: var(--chroma-5);
    --orange-chroma-10: var(--chroma-10);
    --orange-chroma-20: var(--chroma-20);
    --orange-chroma-30: var(--chroma-30);
    --orange-chroma-40: var(--chroma-40);
    --orange-chroma-50: var(--chroma-50);
    --orange-chroma-60: var(--chroma-60);
    --orange-chroma-70: var(--chroma-70);
    --orange-chroma-80: var(--chroma-80);
    --orange-chroma-90: var(--chroma-90);
    --orange-chroma-95: var(--chroma-95);
    --orange-chroma-100: var(--chroma-100);
    --olive-lightness-0: var(--lightness-0);
    --olive-lightness-5: var(--lightness-5);
    --olive-lightness-10: var(--lightness-10);
    --olive-lightness-20: var(--lightness-20);
    --olive-lightness-30: var(--lightness-30);
    --olive-lightness-40: var(--lightness-40);
    --olive-lightness-50: var(--lightness-50);
    --olive-lightness-60: var(--lightness-60);
    --olive-lightness-70: var(--lightness-70);
    --olive-lightness-80: var(--lightness-80);
    --olive-lightness-90: var(--lightness-90);
    --olive-lightness-95: var(--lightness-95);
    --olive-lightness-100: var(--lightness-100);
    --olive-chroma-0: var(--chroma-0);
    --olive-chroma-5: var(--chroma-5);
    --olive-chroma-10: var(--chroma-10);
    --olive-chroma-20: var(--chroma-20);
    --olive-chroma-30: var(--chroma-30);
    --olive-chroma-40: var(--chroma-40);
    --olive-chroma-50: var(--chroma-50);
    --olive-chroma-60: var(--chroma-60);
    --olive-chroma-70: var(--chroma-70);
    --olive-chroma-80: var(--chroma-80);
    --olive-chroma-90: var(--chroma-90);
    --olive-chroma-95: var(--chroma-95);
    --olive-chroma-100: var(--chroma-100);
    --teal-lightness-0: var(--lightness-0);
    --teal-lightness-5: var(--lightness-5);
    --teal-lightness-10: var(--lightness-10);
    --teal-lightness-20: var(--lightness-20);
    --teal-lightness-30: var(--lightness-30);
    --teal-lightness-40: var(--lightness-40);
    --teal-lightness-50: var(--lightness-50);
    --teal-lightness-60: var(--lightness-60);
    --teal-lightness-70: var(--lightness-70);
    --teal-lightness-80: var(--lightness-80);
    --teal-lightness-90: var(--lightness-90);
    --teal-lightness-95: var(--lightness-95);
    --teal-lightness-100: var(--lightness-100);
    --teal-chroma-0: var(--chroma-0);
    --teal-chroma-5: var(--chroma-5);
    --teal-chroma-10: var(--chroma-10);
    --teal-chroma-20: var(--chroma-20);
    --teal-chroma-30: var(--chroma-30);
    --teal-chroma-40: var(--chroma-40);
    --teal-chroma-50: var(--chroma-50);
    --teal-chroma-60: var(--chroma-60);
    --teal-chroma-70: var(--chroma-70);
    --teal-chroma-80: var(--chroma-80);
    --teal-chroma-90: var(--chroma-90);
    --teal-chroma-95: var(--chroma-95);
    --teal-chroma-100: var(--chroma-100);
    --violet-lightness-0: var(--lightness-0);
    --violet-lightness-5: var(--lightness-5);
    --violet-lightness-10: var(--lightness-10);
    --violet-lightness-20: var(--lightness-20);
    --violet-lightness-30: var(--lightness-30);
    --violet-lightness-40: var(--lightness-40);
    --violet-lightness-50: var(--lightness-50);
    --violet-lightness-60: var(--lightness-60);
    --violet-lightness-70: var(--lightness-70);
    --violet-lightness-80: var(--lightness-80);
    --violet-lightness-90: var(--lightness-90);
    --violet-lightness-95: var(--lightness-95);
    --violet-lightness-100: var(--lightness-100);
    --violet-chroma-0: var(--chroma-0);
    --violet-chroma-5: var(--chroma-5);
    --violet-chroma-10: var(--chroma-10);
    --violet-chroma-20: var(--chroma-20);
    --violet-chroma-30: var(--chroma-30);
    --violet-chroma-40: var(--chroma-40);
    --violet-chroma-50: var(--chroma-50);
    --violet-chroma-60: var(--chroma-60);
    --violet-chroma-70: var(--chroma-70);
    --violet-chroma-80: var(--chroma-80);
    --violet-chroma-90: var(--chroma-90);
    --violet-chroma-95: var(--chroma-95);
    --violet-chroma-100: var(--chroma-100);
    --purple-lightness-0: var(--lightness-0);
    --purple-lightness-5: var(--lightness-5);
    --purple-lightness-10: var(--lightness-10);
    --purple-lightness-20: var(--lightness-20);
    --purple-lightness-30: var(--lightness-30);
    --purple-lightness-40: var(--lightness-40);
    --purple-lightness-50: var(--lightness-50);
    --purple-lightness-60: var(--lightness-60);
    --purple-lightness-70: var(--lightness-70);
    --purple-lightness-80: var(--lightness-80);
    --purple-lightness-90: var(--lightness-90);
    --purple-lightness-95: var(--lightness-95);
    --purple-lightness-100: var(--lightness-100);
    --purple-chroma-0: var(--chroma-0);
    --purple-chroma-5: var(--chroma-5);
    --purple-chroma-10: var(--chroma-10);
    --purple-chroma-20: var(--chroma-20);
    --purple-chroma-30: var(--chroma-30);
    --purple-chroma-40: var(--chroma-40);
    --purple-chroma-50: var(--chroma-50);
    --purple-chroma-60: var(--chroma-60);
    --purple-chroma-70: var(--chroma-70);
    --purple-chroma-80: var(--chroma-80);
    --purple-chroma-90: var(--chroma-90);
    --purple-chroma-95: var(--chroma-95);
    --purple-chroma-100: var(--chroma-100);
    --pink-lightness-0: var(--lightness-0);
    --pink-lightness-5: var(--lightness-5);
    --pink-lightness-10: var(--lightness-10);
    --pink-lightness-20: var(--lightness-20);
    --pink-lightness-30: var(--lightness-30);
    --pink-lightness-40: var(--lightness-40);
    --pink-lightness-50: var(--lightness-50);
    --pink-lightness-60: var(--lightness-60);
    --pink-lightness-70: var(--lightness-70);
    --pink-lightness-80: var(--lightness-80);
    --pink-lightness-90: var(--lightness-90);
    --pink-lightness-95: var(--lightness-95);
    --pink-lightness-100: var(--lightness-100);
    --pink-chroma-0: var(--chroma-0);
    --pink-chroma-5: var(--chroma-5);
    --pink-chroma-10: var(--chroma-10);
    --pink-chroma-20: var(--chroma-20);
    --pink-chroma-30: var(--chroma-30);
    --pink-chroma-40: var(--chroma-40);
    --pink-chroma-50: var(--chroma-50);
    --pink-chroma-60: var(--chroma-60);
    --pink-chroma-70: var(--chroma-70);
    --pink-chroma-80: var(--chroma-80);
    --pink-chroma-90: var(--chroma-90);
    --pink-chroma-95: var(--chroma-95);
    --pink-chroma-100: var(--chroma-100);
    --brown-lightness-0: var(--lightness-0);
    --brown-lightness-5: var(--lightness-5);
    --brown-lightness-10: var(--lightness-10);
    --brown-lightness-20: var(--lightness-20);
    --brown-lightness-30: var(--lightness-30);
    --brown-lightness-40: var(--lightness-40);
    --brown-lightness-50: var(--lightness-50);
    --brown-lightness-60: var(--lightness-60);
    --brown-lightness-70: var(--lightness-70);
    --brown-lightness-80: var(--lightness-80);
    --brown-lightness-90: var(--lightness-90);
    --brown-lightness-95: var(--lightness-95);
    --brown-lightness-100: var(--lightness-100);
    --brown-chroma-0: var(--chroma-0);
    --brown-chroma-5: var(--chroma-5);
    --brown-chroma-10: var(--chroma-10);
    --brown-chroma-20: var(--chroma-20);
    --brown-chroma-30: var(--chroma-30);
    --brown-chroma-40: var(--chroma-40);
    --brown-chroma-50: var(--chroma-50);
    --brown-chroma-60: var(--chroma-60);
    --brown-chroma-70: var(--chroma-70);
    --brown-chroma-80: var(--chroma-80);
    --brown-chroma-90: var(--chroma-90);
    --brown-chroma-95: var(--chroma-95);
    --brown-chroma-100: var(--chroma-100);
    --grey-lightness-0: var(--lightness-0);
    --grey-lightness-5: var(--lightness-5);
    --grey-lightness-10: var(--lightness-10);
    --grey-lightness-20: var(--lightness-20);
    --grey-lightness-30: var(--lightness-30);
    --grey-lightness-40: var(--lightness-40);
    --grey-lightness-50: var(--lightness-50);
    --grey-lightness-60: var(--lightness-60);
    --grey-lightness-70: var(--lightness-70);
    --grey-lightness-80: var(--lightness-80);
    --grey-lightness-90: var(--lightness-90);
    --grey-lightness-95: var(--lightness-95);
    --grey-lightness-100: var(--lightness-100);
    --grey-chroma-0: var(--chroma-0);
    --grey-chroma-5: var(--chroma-5);
    --grey-chroma-10: var(--chroma-10);
    --grey-chroma-20: var(--chroma-20);
    --grey-chroma-30: var(--chroma-30);
    --grey-chroma-40: var(--chroma-40);
    --grey-chroma-50: var(--chroma-50);
    --grey-chroma-60: var(--chroma-60);
    --grey-chroma-70: var(--chroma-70);
    --grey-chroma-80: var(--chroma-80);
    --grey-chroma-90: var(--chroma-90);
    --grey-chroma-95: var(--chroma-95);
    --grey-chroma-100: var(--chroma-100);
    --slate-lightness-0: var(--lightness-0);
    --slate-lightness-5: var(--lightness-5);
    --slate-lightness-10: var(--lightness-10);
    --slate-lightness-20: var(--lightness-20);
    --slate-lightness-30: var(--lightness-30);
    --slate-lightness-40: var(--lightness-40);
    --slate-lightness-50: var(--lightness-50);
    --slate-lightness-60: var(--lightness-60);
    --slate-lightness-70: var(--lightness-70);
    --slate-lightness-80: var(--lightness-80);
    --slate-lightness-90: var(--lightness-90);
    --slate-lightness-95: var(--lightness-95);
    --slate-lightness-100: var(--lightness-100);
    --slate-chroma-0: var(--chroma-0);
    --slate-chroma-5: var(--chroma-5);
    --slate-chroma-10: var(--chroma-10);
    --slate-chroma-20: var(--chroma-20);
    --slate-chroma-30: var(--chroma-30);
    --slate-chroma-40: var(--chroma-40);
    --slate-chroma-50: var(--chroma-50);
    --slate-chroma-60: var(--chroma-60);
    --slate-chroma-70: var(--chroma-70);
    --slate-chroma-80: var(--chroma-80);
    --slate-chroma-90: var(--chroma-90);
    --slate-chroma-95: var(--chroma-95);
    --slate-chroma-100: var(--chroma-100);
    --red-0: oklch(from var(--red) calc(l * var(--red-lightness-0)) calc(c * var(--red-chroma-0)) h);
    --red-5: oklch(from var(--red) calc(l * var(--red-lightness-5)) calc(c * var(--red-chroma-5)) h);
    --red-10: oklch(from var(--red) calc(l * var(--red-lightness-10)) calc(c * var(--red-chroma-10)) h);
    --red-20: oklch(from var(--red) calc(l * var(--red-lightness-20)) calc(c * var(--red-chroma-20)) h);
    --red-30: oklch(from var(--red) calc(l * var(--red-lightness-30)) calc(c * var(--red-chroma-30)) h);
    --red-40: oklch(from var(--red) calc(l * var(--red-lightness-40)) calc(c * var(--red-chroma-40)) h);
    --red-50: var(--red);
    --red-60: oklch(from var(--red) calc(l * var(--red-lightness-60)) calc(c * var(--red-chroma-60)) calc(h - var(--red-hue-shift-60, 0)));
    --red-70: oklch(from var(--red) calc(l * var(--red-lightness-70)) calc(c * var(--red-chroma-70)) calc(h - var(--red-hue-shift-70, 0)));
    --red-80: oklch(from var(--red) calc(l * var(--red-lightness-80)) calc(c * var(--red-chroma-80)) calc(h - var(--red-hue-shift-80, 0)));
    --red-90: oklch(from var(--red) calc(l * var(--red-lightness-90)) calc(c * var(--red-chroma-90)) calc(h - var(--red-hue-shift-90, 0)));
    --red-95: oklch(from var(--red) calc(l * var(--red-lightness-95)) calc(c * var(--red-chroma-95)) calc(h - var(--red-hue-shift-95, 0)));
    --red-100: oklch(from var(--red) calc(l * var(--red-lightness-100)) calc(c * var(--red-chroma-100)) calc(h - var(--red-hue-shift-100, 0)));
    --blue-0: oklch(from var(--blue) calc(l * var(--blue-lightness-0)) calc(c * var(--blue-chroma-0)) h);
    --blue-5: oklch(from var(--blue) calc(l * var(--blue-lightness-5)) calc(c * var(--blue-chroma-5)) h);
    --blue-10: oklch(from var(--blue) calc(l * var(--blue-lightness-10)) calc(c * var(--blue-chroma-10)) h);
    --blue-20: oklch(from var(--blue) calc(l * var(--blue-lightness-20)) calc(c * var(--blue-chroma-20)) h);
    --blue-30: oklch(from var(--blue) calc(l * var(--blue-lightness-30)) calc(c * var(--blue-chroma-30)) h);
    --blue-40: oklch(from var(--blue) calc(l * var(--blue-lightness-40)) calc(c * var(--blue-chroma-40)) h);
    --blue-50: var(--blue);
    --blue-60: oklch(from var(--blue) calc(l * var(--blue-lightness-60)) calc(c * var(--blue-chroma-60)) h);
    --blue-70: oklch(from var(--blue) calc(l * var(--blue-lightness-70)) calc(c * var(--blue-chroma-70)) h);
    --blue-80: oklch(from var(--blue) calc(l * var(--blue-lightness-80)) calc(c * var(--blue-chroma-80)) h);
    --blue-90: oklch(from var(--blue) calc(l * var(--blue-lightness-90)) calc(c * var(--blue-chroma-90)) h);
    --blue-95: oklch(from var(--blue) calc(l * var(--blue-lightness-95)) calc(c * var(--blue-chroma-95)) h);
    --blue-100: oklch(from var(--blue) calc(l * var(--blue-lightness-100)) calc(c * var(--blue-chroma-100)) h);
    --green-0: oklch(from var(--green) calc(l * var(--green-lightness-0)) calc(c * var(--green-chroma-0)) h);
    --green-5: oklch(from var(--green) calc(l * var(--green-lightness-5)) calc(c * var(--green-chroma-5)) h);
    --green-10: oklch(from var(--green) calc(l * var(--green-lightness-10)) calc(c * var(--green-chroma-10)) h);
    --green-20: oklch(from var(--green) calc(l * var(--green-lightness-20)) calc(c * var(--green-chroma-20)) h);
    --green-30: oklch(from var(--green) calc(l * var(--green-lightness-30)) calc(c * var(--green-chroma-30)) h);
    --green-40: oklch(from var(--green) calc(l * var(--green-lightness-40)) calc(c * var(--green-chroma-40)) h);
    --green-50: var(--green);
    --green-60: oklch(from var(--green) calc(l * var(--green-lightness-60)) calc(c * var(--green-chroma-60)) h);
    --green-70: oklch(from var(--green) calc(l * var(--green-lightness-70)) calc(c * var(--green-chroma-70)) h);
    --green-80: oklch(from var(--green) calc(l * var(--green-lightness-80)) calc(c * var(--green-chroma-80)) h);
    --green-90: oklch(from var(--green) calc(l * var(--green-lightness-90)) calc(c * var(--green-chroma-90)) h);
    --green-95: oklch(from var(--green) calc(l * var(--green-lightness-95)) calc(c * var(--green-chroma-95)) h);
    --green-100: oklch(from var(--green) calc(l * var(--green-lightness-100)) calc(c * var(--green-chroma-100)) h);
    --yellow-0: oklch(from var(--yellow) calc(l * var(--yellow-lightness-0)) calc(c * var(--yellow-chroma-0)) h);
    --yellow-5: oklch(from var(--yellow) calc(l * var(--yellow-lightness-5)) calc(c * var(--yellow-chroma-5)) h);
    --yellow-10: oklch(from var(--yellow) calc(l * var(--yellow-lightness-10)) calc(c * var(--yellow-chroma-10)) h);
    --yellow-20: oklch(from var(--yellow) calc(l * var(--yellow-lightness-20)) calc(c * var(--yellow-chroma-20)) h);
    --yellow-30: oklch(from var(--yellow) calc(l * var(--yellow-lightness-30)) calc(c * var(--yellow-chroma-30)) h);
    --yellow-40: oklch(from var(--yellow) calc(l * var(--yellow-lightness-40)) calc(c * var(--yellow-chroma-40)) h);
    --yellow-50: var(--yellow);
    --yellow-60: oklch(from var(--yellow) calc(l * var(--yellow-lightness-60)) calc(c * var(--yellow-chroma-60)) h);
    --yellow-70: oklch(from var(--yellow) calc(l * var(--yellow-lightness-70)) calc(c * var(--yellow-chroma-70)) h);
    --yellow-80: oklch(from var(--yellow) calc(l * var(--yellow-lightness-80)) calc(c * var(--yellow-chroma-80)) h);
    --yellow-90: oklch(from var(--yellow) calc(l * var(--yellow-lightness-90)) calc(c * var(--yellow-chroma-90)) h);
    --yellow-95: oklch(from var(--yellow) calc(l * var(--yellow-lightness-95)) calc(c * var(--yellow-chroma-95)) h);
    --yellow-100: oklch(from var(--yellow) calc(l * var(--yellow-lightness-100)) calc(c * var(--yellow-chroma-100)) h);
    --orange-0: oklch(from var(--orange) calc(l * var(--orange-lightness-0)) calc(c * var(--orange-chroma-0)) h);
    --orange-5: oklch(from var(--orange) calc(l * var(--orange-lightness-5)) calc(c * var(--orange-chroma-5)) h);
    --orange-10: oklch(from var(--orange) calc(l * var(--orange-lightness-10)) calc(c * var(--orange-chroma-10)) h);
    --orange-20: oklch(from var(--orange) calc(l * var(--orange-lightness-20)) calc(c * var(--orange-chroma-20)) h);
    --orange-30: oklch(from var(--orange) calc(l * var(--orange-lightness-30)) calc(c * var(--orange-chroma-30)) h);
    --orange-40: oklch(from var(--orange) calc(l * var(--orange-lightness-40)) calc(c * var(--orange-chroma-40)) h);
    --orange-50: var(--orange);
    --orange-60: oklch(from var(--orange) calc(l * var(--orange-lightness-60)) calc(c * var(--orange-chroma-60)) h);
    --orange-70: oklch(from var(--orange) calc(l * var(--orange-lightness-70)) calc(c * var(--orange-chroma-70)) h);
    --orange-80: oklch(from var(--orange) calc(l * var(--orange-lightness-80)) calc(c * var(--orange-chroma-80)) h);
    --orange-90: oklch(from var(--orange) calc(l * var(--orange-lightness-90)) calc(c * var(--orange-chroma-90)) h);
    --orange-95: oklch(from var(--orange) calc(l * var(--orange-lightness-95)) calc(c * var(--orange-chroma-95)) h);
    --orange-100: oklch(from var(--orange) calc(l * var(--orange-lightness-100)) calc(c * var(--orange-chroma-100)) h);
    --olive-0: oklch(from var(--olive) calc(l * var(--olive-lightness-0)) calc(c * var(--olive-chroma-0)) h);
    --olive-5: oklch(from var(--olive) calc(l * var(--olive-lightness-5)) calc(c * var(--olive-chroma-5)) h);
    --olive-10: oklch(from var(--olive) calc(l * var(--olive-lightness-10)) calc(c * var(--olive-chroma-10)) h);
    --olive-20: oklch(from var(--olive) calc(l * var(--olive-lightness-20)) calc(c * var(--olive-chroma-20)) h);
    --olive-30: oklch(from var(--olive) calc(l * var(--olive-lightness-30)) calc(c * var(--olive-chroma-30)) h);
    --olive-40: oklch(from var(--olive) calc(l * var(--olive-lightness-40)) calc(c * var(--olive-chroma-40)) h);
    --olive-50: var(--olive);
    --olive-60: oklch(from var(--olive) calc(l * var(--olive-lightness-60)) calc(c * var(--olive-chroma-60)) h);
    --olive-70: oklch(from var(--olive) calc(l * var(--olive-lightness-70)) calc(c * var(--olive-chroma-70)) h);
    --olive-80: oklch(from var(--olive) calc(l * var(--olive-lightness-80)) calc(c * var(--olive-chroma-80)) h);
    --olive-90: oklch(from var(--olive) calc(l * var(--olive-lightness-90)) calc(c * var(--olive-chroma-90)) h);
    --olive-95: oklch(from var(--olive) calc(l * var(--olive-lightness-95)) calc(c * var(--olive-chroma-95)) h);
    --olive-100: oklch(from var(--olive) calc(l * var(--olive-lightness-100)) calc(c * var(--olive-chroma-100)) h);
    --teal-0: oklch(from var(--teal) calc(l * var(--teal-lightness-0)) calc(c * var(--teal-chroma-0)) h);
    --teal-5: oklch(from var(--teal) calc(l * var(--teal-lightness-5)) calc(c * var(--teal-chroma-5)) h);
    --teal-10: oklch(from var(--teal) calc(l * var(--teal-lightness-10)) calc(c * var(--teal-chroma-10)) h);
    --teal-20: oklch(from var(--teal) calc(l * var(--teal-lightness-20)) calc(c * var(--teal-chroma-20)) h);
    --teal-30: oklch(from var(--teal) calc(l * var(--teal-lightness-30)) calc(c * var(--teal-chroma-30)) h);
    --teal-40: oklch(from var(--teal) calc(l * var(--teal-lightness-40)) calc(c * var(--teal-chroma-40)) h);
    --teal-50: var(--teal);
    --teal-60: oklch(from var(--teal) calc(l * var(--teal-lightness-60)) calc(c * var(--teal-chroma-60)) h);
    --teal-70: oklch(from var(--teal) calc(l * var(--teal-lightness-70)) calc(c * var(--teal-chroma-70)) h);
    --teal-80: oklch(from var(--teal) calc(l * var(--teal-lightness-80)) calc(c * var(--teal-chroma-80)) h);
    --teal-90: oklch(from var(--teal) calc(l * var(--teal-lightness-90)) calc(c * var(--teal-chroma-90)) h);
    --teal-95: oklch(from var(--teal) calc(l * var(--teal-lightness-95)) calc(c * var(--teal-chroma-95)) h);
    --teal-100: oklch(from var(--teal) calc(l * var(--teal-lightness-100)) calc(c * var(--teal-chroma-100)) h);
    --violet-0: oklch(from var(--violet) calc(l * var(--violet-lightness-0)) calc(c * var(--violet-chroma-0)) h);
    --violet-5: oklch(from var(--violet) calc(l * var(--violet-lightness-5)) calc(c * var(--violet-chroma-5)) h);
    --violet-10: oklch(from var(--violet) calc(l * var(--violet-lightness-10)) calc(c * var(--violet-chroma-10)) h);
    --violet-20: oklch(from var(--violet) calc(l * var(--violet-lightness-20)) calc(c * var(--violet-chroma-20)) h);
    --violet-30: oklch(from var(--violet) calc(l * var(--violet-lightness-30)) calc(c * var(--violet-chroma-30)) h);
    --violet-40: oklch(from var(--violet) calc(l * var(--violet-lightness-40)) calc(c * var(--violet-chroma-40)) h);
    --violet-50: var(--violet);
    --violet-60: oklch(from var(--violet) calc(l * var(--violet-lightness-60)) calc(c * var(--violet-chroma-60)) h);
    --violet-70: oklch(from var(--violet) calc(l * var(--violet-lightness-70)) calc(c * var(--violet-chroma-70)) h);
    --violet-80: oklch(from var(--violet) calc(l * var(--violet-lightness-80)) calc(c * var(--violet-chroma-80)) h);
    --violet-90: oklch(from var(--violet) calc(l * var(--violet-lightness-90)) calc(c * var(--violet-chroma-90)) h);
    --violet-95: oklch(from var(--violet) calc(l * var(--violet-lightness-95)) calc(c * var(--violet-chroma-95)) h);
    --violet-100: oklch(from var(--violet) calc(l * var(--violet-lightness-100)) calc(c * var(--violet-chroma-100)) h);
    --purple-0: oklch(from var(--purple) calc(l * var(--purple-lightness-0)) calc(c * var(--purple-chroma-0)) h);
    --purple-5: oklch(from var(--purple) calc(l * var(--purple-lightness-5)) calc(c * var(--purple-chroma-5)) h);
    --purple-10: oklch(from var(--purple) calc(l * var(--purple-lightness-10)) calc(c * var(--purple-chroma-10)) h);
    --purple-20: oklch(from var(--purple) calc(l * var(--purple-lightness-20)) calc(c * var(--purple-chroma-20)) h);
    --purple-30: oklch(from var(--purple) calc(l * var(--purple-lightness-30)) calc(c * var(--purple-chroma-30)) h);
    --purple-40: oklch(from var(--purple) calc(l * var(--purple-lightness-40)) calc(c * var(--purple-chroma-40)) h);
    --purple-50: var(--purple);
    --purple-60: oklch(from var(--purple) calc(l * var(--purple-lightness-60)) calc(c * var(--purple-chroma-60)) h);
    --purple-70: oklch(from var(--purple) calc(l * var(--purple-lightness-70)) calc(c * var(--purple-chroma-70)) h);
    --purple-80: oklch(from var(--purple) calc(l * var(--purple-lightness-80)) calc(c * var(--purple-chroma-80)) h);
    --purple-90: oklch(from var(--purple) calc(l * var(--purple-lightness-90)) calc(c * var(--purple-chroma-90)) h);
    --purple-95: oklch(from var(--purple) calc(l * var(--purple-lightness-95)) calc(c * var(--purple-chroma-95)) h);
    --purple-100: oklch(from var(--purple) calc(l * var(--purple-lightness-100)) calc(c * var(--purple-chroma-100)) h);
    --pink-0: oklch(from var(--pink) calc(l * var(--pink-lightness-0)) calc(c * var(--pink-chroma-0)) h);
    --pink-5: oklch(from var(--pink) calc(l * var(--pink-lightness-5)) calc(c * var(--pink-chroma-5)) h);
    --pink-10: oklch(from var(--pink) calc(l * var(--pink-lightness-10)) calc(c * var(--pink-chroma-10)) h);
    --pink-20: oklch(from var(--pink) calc(l * var(--pink-lightness-20)) calc(c * var(--pink-chroma-20)) h);
    --pink-30: oklch(from var(--pink) calc(l * var(--pink-lightness-30)) calc(c * var(--pink-chroma-30)) h);
    --pink-40: oklch(from var(--pink) calc(l * var(--pink-lightness-40)) calc(c * var(--pink-chroma-40)) h);
    --pink-50: var(--pink);
    --pink-60: oklch(from var(--pink) calc(l * var(--pink-lightness-60)) calc(c * var(--pink-chroma-60)) h);
    --pink-70: oklch(from var(--pink) calc(l * var(--pink-lightness-70)) calc(c * var(--pink-chroma-70)) h);
    --pink-80: oklch(from var(--pink) calc(l * var(--pink-lightness-80)) calc(c * var(--pink-chroma-80)) h);
    --pink-90: oklch(from var(--pink) calc(l * var(--pink-lightness-90)) calc(c * var(--pink-chroma-90)) h);
    --pink-95: oklch(from var(--pink) calc(l * var(--pink-lightness-95)) calc(c * var(--pink-chroma-95)) h);
    --pink-100: oklch(from var(--pink) calc(l * var(--pink-lightness-100)) calc(c * var(--pink-chroma-100)) h);
    --brown-0: oklch(from var(--brown) calc(l * var(--brown-lightness-0)) calc(c * var(--brown-chroma-0)) h);
    --brown-5: oklch(from var(--brown) calc(l * var(--brown-lightness-5)) calc(c * var(--brown-chroma-5)) h);
    --brown-10: oklch(from var(--brown) calc(l * var(--brown-lightness-10)) calc(c * var(--brown-chroma-10)) h);
    --brown-20: oklch(from var(--brown) calc(l * var(--brown-lightness-20)) calc(c * var(--brown-chroma-20)) h);
    --brown-30: oklch(from var(--brown) calc(l * var(--brown-lightness-30)) calc(c * var(--brown-chroma-30)) h);
    --brown-40: oklch(from var(--brown) calc(l * var(--brown-lightness-40)) calc(c * var(--brown-chroma-40)) h);
    --brown-50: var(--brown);
    --brown-60: oklch(from var(--brown) calc(l * var(--brown-lightness-60)) calc(c * var(--brown-chroma-60)) h);
    --brown-70: oklch(from var(--brown) calc(l * var(--brown-lightness-70)) calc(c * var(--brown-chroma-70)) h);
    --brown-80: oklch(from var(--brown) calc(l * var(--brown-lightness-80)) calc(c * var(--brown-chroma-80)) h);
    --brown-90: oklch(from var(--brown) calc(l * var(--brown-lightness-90)) calc(c * var(--brown-chroma-90)) h);
    --brown-95: oklch(from var(--brown) calc(l * var(--brown-lightness-95)) calc(c * var(--brown-chroma-95)) h);
    --brown-100: oklch(from var(--brown) calc(l * var(--brown-lightness-100)) calc(c * var(--brown-chroma-100)) h);
    --grey-0: oklch(from var(--grey) calc(l * var(--grey-lightness-0)) calc(c * var(--grey-chroma-0)) h);
    --grey-5: oklch(from var(--grey) calc(l * var(--grey-lightness-5)) calc(c * var(--grey-chroma-5)) h);
    --grey-10: oklch(from var(--grey) calc(l * var(--grey-lightness-10)) calc(c * var(--grey-chroma-10)) h);
    --grey-20: oklch(from var(--grey) calc(l * var(--grey-lightness-20)) calc(c * var(--grey-chroma-20)) h);
    --grey-30: oklch(from var(--grey) calc(l * var(--grey-lightness-30)) calc(c * var(--grey-chroma-30)) h);
    --grey-40: oklch(from var(--grey) calc(l * var(--grey-lightness-40)) calc(c * var(--grey-chroma-40)) h);
    --grey-50: var(--grey);
    --grey-60: oklch(from var(--grey) calc(l * var(--grey-lightness-60)) calc(c * var(--grey-chroma-60)) h);
    --grey-70: oklch(from var(--grey) calc(l * var(--grey-lightness-70)) calc(c * var(--grey-chroma-70)) h);
    --grey-80: oklch(from var(--grey) calc(l * var(--grey-lightness-80)) calc(c * var(--grey-chroma-80)) h);
    --grey-90: oklch(from var(--grey) calc(l * var(--grey-lightness-90)) calc(c * var(--grey-chroma-90)) h);
    --grey-95: oklch(from var(--grey) calc(l * var(--grey-lightness-95)) calc(c * var(--grey-chroma-95)) h);
    --grey-100: oklch(from var(--grey) calc(l * var(--grey-lightness-100)) calc(c * var(--grey-chroma-100)) h);
    --slate-0: oklch(from var(--slate) calc(l * var(--slate-lightness-0)) calc(c * var(--slate-chroma-0)) h);
    --slate-5: oklch(from var(--slate) calc(l * var(--slate-lightness-5)) calc(c * var(--slate-chroma-5)) h);
    --slate-10: oklch(from var(--slate) calc(l * var(--slate-lightness-10)) calc(c * var(--slate-chroma-10)) h);
    --slate-20: oklch(from var(--slate) calc(l * var(--slate-lightness-20)) calc(c * var(--slate-chroma-20)) h);
    --slate-30: oklch(from var(--slate) calc(l * var(--slate-lightness-30)) calc(c * var(--slate-chroma-30)) h);
    --slate-40: oklch(from var(--slate) calc(l * var(--slate-lightness-40)) calc(c * var(--slate-chroma-40)) h);
    --slate-50: var(--slate);
    --slate-60: oklch(from var(--slate) calc(l * var(--slate-lightness-60)) calc(c * var(--slate-chroma-60)) h);
    --slate-70: oklch(from var(--slate) calc(l * var(--slate-lightness-70)) calc(c * var(--slate-chroma-70)) h);
    --slate-80: oklch(from var(--slate) calc(l * var(--slate-lightness-80)) calc(c * var(--slate-chroma-80)) h);
    --slate-90: oklch(from var(--slate) calc(l * var(--slate-lightness-90)) calc(c * var(--slate-chroma-90)) h);
    --slate-95: oklch(from var(--slate) calc(l * var(--slate-lightness-95)) calc(c * var(--slate-chroma-95)) h);
    --slate-100: oklch(from var(--slate) calc(l * var(--slate-lightness-100)) calc(c * var(--slate-chroma-100)) h);
    --red-0-invariant: oklch(from var(--red) calc(l * var(--lightness-0-invariant)) calc(c * var(--chroma-0-invariant)) h);
    --red-5-invariant: oklch(from var(--red) calc(l * var(--lightness-5-invariant)) calc(c * var(--chroma-5-invariant)) h);
    --red-10-invariant: oklch(from var(--red) calc(l * var(--lightness-10-invariant)) calc(c * var(--chroma-10-invariant)) h);
    --red-20-invariant: oklch(from var(--red) calc(l * var(--lightness-20-invariant)) calc(c * var(--chroma-20-invariant)) h);
    --red-30-invariant: oklch(from var(--red) calc(l * var(--lightness-30-invariant)) calc(c * var(--chroma-30-invariant)) h);
    --red-40-invariant: oklch(from var(--red) calc(l * var(--lightness-40-invariant)) calc(c * var(--chroma-40-invariant)) h);
    --red-50-invariant: var(--red);
    --red-60-invariant: oklch(from var(--red) calc(l * var(--lightness-60-invariant)) calc(c * var(--chroma-60-invariant)) h);
    --red-70-invariant: oklch(from var(--red) calc(l * var(--lightness-70-invariant)) calc(c * var(--chroma-70-invariant)) h);
    --red-80-invariant: oklch(from var(--red) calc(l * var(--lightness-80-invariant)) calc(c * var(--chroma-80-invariant)) h);
    --red-90-invariant: oklch(from var(--red) calc(l * var(--lightness-90-invariant)) calc(c * var(--chroma-90-invariant)) h);
    --red-100-invariant: oklch(from var(--red) calc(l * var(--lightness-100-invariant)) calc(c * var(--chroma-100-invariant)) h);
    --blue-0-invariant: oklch(from var(--blue) calc(l * var(--lightness-0-invariant)) calc(c * var(--chroma-0-invariant)) h);
    --blue-5-invariant: oklch(from var(--blue) calc(l * var(--lightness-5-invariant)) calc(c * var(--chroma-5-invariant)) h);
    --blue-10-invariant: oklch(from var(--blue) calc(l * var(--lightness-10-invariant)) calc(c * var(--chroma-10-invariant)) h);
    --blue-20-invariant: oklch(from var(--blue) calc(l * var(--lightness-20-invariant)) calc(c * var(--chroma-20-invariant)) h);
    --blue-30-invariant: oklch(from var(--blue) calc(l * var(--lightness-30-invariant)) calc(c * var(--chroma-30-invariant)) h);
    --blue-40-invariant: oklch(from var(--blue) calc(l * var(--lightness-40-invariant)) calc(c * var(--chroma-40-invariant)) h);
    --blue-50-invariant: var(--blue);
    --blue-60-invariant: oklch(from var(--blue) calc(l * var(--lightness-60-invariant)) calc(c * var(--chroma-60-invariant)) h);
    --blue-70-invariant: oklch(from var(--blue) calc(l * var(--lightness-70-invariant)) calc(c * var(--chroma-70-invariant)) h);
    --blue-80-invariant: oklch(from var(--blue) calc(l * var(--lightness-80-invariant)) calc(c * var(--chroma-80-invariant)) h);
    --blue-90-invariant: oklch(from var(--blue) calc(l * var(--lightness-90-invariant)) calc(c * var(--chroma-90-invariant)) h);
    --blue-100-invariant: oklch(from var(--blue) calc(l * var(--lightness-100-invariant)) calc(c * var(--chroma-100-invariant)) h);
  }
}

/* src/css/tokens/themes/computed/typography.css */
@layer tokens.themes.computed.typography {
  :root,
  .theme,
  [light],
  [dark],
  [theme] {
    --header-color: var(--standard-90);
    --text-color: var(--standard-80);
    --dark-text-color: var(--standard-85);
    --muted-text-color: var(--standard-60);
    --light-text-color: var(--standard-40);
    --unselected-text-color: var(--standard-40);
    --hovered-text-color: var(--standard-80);
    --pressed-text-color: var(--standard-90);
    --selected-text-color: var(--standard-95);
    --disabled-text-color: var(--standard-20);
    --inverted-text-color: var(--inverted-90);
    --inverted-muted-text-color: var(--inverted-80);
    --inverted-light-text-color: var(--inverted-70);
    --inverted-unselected-text-color: var(--inverted-50);
    --inverted-hovered-text-color: var(--inverted-10);
    --inverted-pressed-text-color: var(--inverted-10);
    --inverted-selected-text-color: var(--inverted-10);
    --inverted-disabled-text-color: var(--inverted-20);
  }
}

/* src/css/tokens/themes/computed/brand.css */
@layer tokens.themes.computed.brand {
  :root {
    --primary-color: var(--blue);
    --primary: var(--primary-color);
    --primary-text-color: var(--blue-text-color);
    --secondary-color: var(--slate);
    --secondary: var(--secondary-color);
    --secondary-text-color: var(--slate-text-color);
    --primary-lightness-0: var(--lightness-0);
    --primary-lightness-5: var(--lightness-5);
    --primary-lightness-10: var(--lightness-10);
    --primary-lightness-20: var(--lightness-20);
    --primary-lightness-30: var(--lightness-30);
    --primary-lightness-40: var(--lightness-40);
    --primary-lightness-50: var(--lightness-50);
    --primary-lightness-60: var(--lightness-60);
    --primary-lightness-70: var(--lightness-70);
    --primary-lightness-80: var(--lightness-80);
    --primary-lightness-90: var(--lightness-90);
    --primary-lightness-95: var(--lightness-95);
    --primary-lightness-100: var(--lightness-100);
    --primary-chroma-0: var(--chroma-0);
    --primary-chroma-5: var(--chroma-5);
    --primary-chroma-10: var(--chroma-10);
    --primary-chroma-20: var(--chroma-20);
    --primary-chroma-30: var(--chroma-30);
    --primary-chroma-40: var(--chroma-40);
    --primary-chroma-50: var(--chroma-50);
    --primary-chroma-60: var(--chroma-60);
    --primary-chroma-70: var(--chroma-70);
    --primary-chroma-80: var(--chroma-80);
    --primary-chroma-90: var(--chroma-90);
    --primary-chroma-95: var(--chroma-95);
    --primary-chroma-100: var(--chroma-100);
    --primary-0: oklch(from var(--primary-color) calc(l * var(--primary-lightness-0)) calc(c * var(--primary-chroma-0)) h);
    --primary-5: oklch(from var(--primary-color) calc(l * var(--primary-lightness-5)) calc(c * var(--primary-chroma-5)) h);
    --primary-10: oklch(from var(--primary-color) calc(l * var(--primary-lightness-10)) calc(c * var(--primary-chroma-10)) h);
    --primary-20: oklch(from var(--primary-color) calc(l * var(--primary-lightness-20)) calc(c * var(--primary-chroma-20)) h);
    --primary-30: oklch(from var(--primary-color) calc(l * var(--primary-lightness-30)) calc(c * var(--primary-chroma-30)) h);
    --primary-40: oklch(from var(--primary-color) calc(l * var(--primary-lightness-40)) calc(c * var(--primary-chroma-40)) h);
    --primary-50: var(--primary-color);
    --primary-60: oklch(from var(--primary-color) calc(l * var(--primary-lightness-60)) calc(c * var(--primary-chroma-60)) h);
    --primary-70: oklch(from var(--primary-color) calc(l * var(--primary-lightness-70)) calc(c * var(--primary-chroma-70)) h);
    --primary-80: oklch(from var(--primary-color) calc(l * var(--primary-lightness-80)) calc(c * var(--primary-chroma-80)) h);
    --primary-90: oklch(from var(--primary-color) calc(l * var(--primary-lightness-90)) calc(c * var(--primary-chroma-90)) h);
    --primary-95: oklch(from var(--primary-color) calc(l * var(--primary-lightness-95)) calc(c * var(--primary-chroma-95)) h);
    --primary-100: oklch(from var(--primary-color) calc(l * var(--primary-lightness-100)) calc(c * var(--primary-chroma-100)) h);
    --secondary-lightness-0: var(--lightness-0);
    --secondary-lightness-5: var(--lightness-5);
    --secondary-lightness-10: var(--lightness-10);
    --secondary-lightness-20: var(--lightness-20);
    --secondary-lightness-30: var(--lightness-30);
    --secondary-lightness-40: var(--lightness-40);
    --secondary-lightness-50: var(--lightness-50);
    --secondary-lightness-60: var(--lightness-60);
    --secondary-lightness-70: var(--lightness-70);
    --secondary-lightness-80: var(--lightness-80);
    --secondary-lightness-90: var(--lightness-90);
    --secondary-lightness-95: var(--lightness-95);
    --secondary-lightness-100: var(--lightness-100);
    --secondary-chroma-0: var(--chroma-0);
    --secondary-chroma-5: var(--chroma-5);
    --secondary-chroma-10: var(--chroma-10);
    --secondary-chroma-20: var(--chroma-20);
    --secondary-chroma-30: var(--chroma-30);
    --secondary-chroma-40: var(--chroma-40);
    --secondary-chroma-50: var(--chroma-50);
    --secondary-chroma-60: var(--chroma-60);
    --secondary-chroma-70: var(--chroma-70);
    --secondary-chroma-80: var(--chroma-80);
    --secondary-chroma-90: var(--chroma-90);
    --secondary-chroma-95: var(--chroma-95);
    --secondary-chroma-100: var(--chroma-100);
    --secondary-0: oklch(from var(--secondary-color) calc(l * var(--secondary-lightness-0)) calc(c * var(--secondary-chroma-0)) h);
    --secondary-5: oklch(from var(--secondary-color) calc(l * var(--secondary-lightness-5)) calc(c * var(--secondary-chroma-5)) h);
    --secondary-10: oklch(from var(--secondary-color) calc(l * var(--secondary-lightness-10)) calc(c * var(--secondary-chroma-10)) h);
    --secondary-20: oklch(from var(--secondary-color) calc(l * var(--secondary-lightness-20)) calc(c * var(--secondary-chroma-20)) h);
    --secondary-30: oklch(from var(--secondary-color) calc(l * var(--secondary-lightness-30)) calc(c * var(--secondary-chroma-30)) h);
    --secondary-40: oklch(from var(--secondary-color) calc(l * var(--secondary-lightness-40)) calc(c * var(--secondary-chroma-40)) h);
    --secondary-50: var(--secondary-color);
    --secondary-60: oklch(from var(--secondary-color) calc(l * var(--secondary-lightness-60)) calc(c * var(--secondary-chroma-60)) h);
    --secondary-70: oklch(from var(--secondary-color) calc(l * var(--secondary-lightness-70)) calc(c * var(--secondary-chroma-70)) h);
    --secondary-80: oklch(from var(--secondary-color) calc(l * var(--secondary-lightness-80)) calc(c * var(--secondary-chroma-80)) h);
    --secondary-90: oklch(from var(--secondary-color) calc(l * var(--secondary-lightness-90)) calc(c * var(--secondary-chroma-90)) h);
    --secondary-95: oklch(from var(--secondary-color) calc(l * var(--secondary-lightness-95)) calc(c * var(--secondary-chroma-95)) h);
    --secondary-100: oklch(from var(--secondary-color) calc(l * var(--secondary-lightness-100)) calc(c * var(--secondary-chroma-100)) h);
    --primary-0-invariant: oklch(from var(--primary-color) calc(l * var(--lightness-0-invariant)) calc(c * var(--chroma-0-invariant)) h);
    --primary-5-invariant: oklch(from var(--primary-color) calc(l * var(--lightness-5-invariant)) calc(c * var(--chroma-5-invariant)) h);
    --primary-10-invariant: oklch(from var(--primary-color) calc(l * var(--lightness-10-invariant)) calc(c * var(--chroma-10-invariant)) h);
    --primary-20-invariant: oklch(from var(--primary-color) calc(l * var(--lightness-20-invariant)) calc(c * var(--chroma-20-invariant)) h);
    --primary-30-invariant: oklch(from var(--primary-color) calc(l * var(--lightness-30-invariant)) calc(c * var(--chroma-30-invariant)) h);
    --primary-40-invariant: oklch(from var(--primary-color) calc(l * var(--lightness-40-invariant)) calc(c * var(--chroma-40-invariant)) h);
    --primary-50-invariant: var(--primary-color);
    --primary-60-invariant: oklch(from var(--primary-color) calc(l * var(--lightness-60-invariant)) calc(c * var(--chroma-60-invariant)) h);
    --primary-70-invariant: oklch(from var(--primary-color) calc(l * var(--lightness-70-invariant)) calc(c * var(--chroma-70-invariant)) h);
    --primary-80-invariant: oklch(from var(--primary-color) calc(l * var(--lightness-80-invariant)) calc(c * var(--chroma-80-invariant)) h);
    --primary-90-invariant: oklch(from var(--primary-color) calc(l * var(--lightness-90-invariant)) calc(c * var(--chroma-90-invariant)) h);
    --primary-95-invariant: oklch(from var(--primary-color) calc(l * var(--lightness-95-invariant)) calc(c * var(--chroma-95-invariant)) h);
    --primary-100-invariant: oklch(from var(--primary-color) calc(l * var(--lightness-100-invariant)) calc(c * var(--chroma-100-invariant)) h);
    --secondary-0-invariant: oklch(from var(--secondary-color) calc(l * var(--lightness-0-invariant)) calc(c * var(--chroma-0-invariant)) h);
    --secondary-5-invariant: oklch(from var(--secondary-color) calc(l * var(--lightness-5-invariant)) calc(c * var(--chroma-5-invariant)) h);
    --secondary-10-invariant: oklch(from var(--secondary-color) calc(l * var(--lightness-10-invariant)) calc(c * var(--chroma-10-invariant)) h);
    --secondary-20-invariant: oklch(from var(--secondary-color) calc(l * var(--lightness-20-invariant)) calc(c * var(--chroma-20-invariant)) h);
    --secondary-30-invariant: oklch(from var(--secondary-color) calc(l * var(--lightness-30-invariant)) calc(c * var(--chroma-30-invariant)) h);
    --secondary-40-invariant: oklch(from var(--secondary-color) calc(l * var(--lightness-40-invariant)) calc(c * var(--chroma-40-invariant)) h);
    --secondary-50-invariant: var(--secondary-color);
    --secondary-60-invariant: oklch(from var(--secondary-color) calc(l * var(--lightness-60-invariant)) calc(c * var(--chroma-60-invariant)) h);
    --secondary-70-invariant: oklch(from var(--secondary-color) calc(l * var(--lightness-70-invariant)) calc(c * var(--chroma-70-invariant)) h);
    --secondary-80-invariant: oklch(from var(--secondary-color) calc(l * var(--lightness-80-invariant)) calc(c * var(--chroma-80-invariant)) h);
    --secondary-95-invariant: oklch(from var(--secondary-color) calc(l * var(--lightness-95-invariant)) calc(c * var(--chroma-95-invariant)) h);
    --secondary-100-invariant: oklch(from var(--secondary-color) calc(l * var(--lightness-100-invariant)) calc(c * var(--chroma-100-invariant)) h);
  }
}

/* src/css/tokens/themes/computed/layout.css */
@layer tokens.themes.computed.layout {
  :root,
  .theme,
  [light],
  [dark],
  [theme] {
    --border-color: oklch(var(--standard-border-color) / 15%);
    --internal-border-color: oklch(var(--standard-border-color) / 10%);
    --subtle-border-color: oklch(var(--standard-border-color) / 8%);
    --very-subtle-border-color: oklch(var(--standard-border-color) / 5%);
    --strong-border-color: oklch(var(--standard-border-color) / 22%);
    --selected-border-color: oklch(var(--standard-border-color) / 35%);
    --strong-selected-border-color: oklch(var(--standard-border-color) / 50%);
    --disabled-border-color: oklch(var(--standard-border-color) / 5%);
    --border-color: oklch(var(--standard-border-color) / 15%);
    --border: 1px solid var(--border-color);
    --black-border: 1px solid var(--black-border-color);
    --selected-black-border: 1px solid var(--selected-black-border-color);
    --internal-border: 1px solid var(--internal-border-color);
    --white-border: 1px solid var(--white-border-color);
    --selected-white-border: 1px solid var(--selected-white-border-color);
    --very-subtle-border: 1px solid var(--very-subtle-border-color);
    --subtle-border: 1px solid var(--subtle-border-color);
    --strong-border: 1px solid var(--strong-border-color);
    --selected-border: 1px solid var(--selected-border-color);
    --strong-selected-border: 1px solid var(--strong-selected-border-color);
    --disabled-border: 1px solid var(--disabled-border-color);
    --solid-border: 1px solid var(--solid-border-color);
    --solid-black-border: 1px solid var(--solid-black-border-color);
    --solid-white-border: 1px solid var(--solid-white-border-color);
  }
}

/* src/css/tokens/themes/computed/effects.css */
@layer tokens.themes.computed.effects {
  :root,
  .theme,
  [light],
  [dark],
  [theme] {
    --very-subtle-gradient: linear-gradient(var(--very-subtle-transparent-white), var(--very-subtle-transparent-black));
    --subtle-gradient: linear-gradient(var(--subtle-transparent-white), var(--subtle-transparent-black));
    --gradient: linear-gradient(var(--transparent-white), var(--transparent-black));
    --strong-gradient: linear-gradient(var(--strong-transparent-white), var(--strong-transparent-black));
    --very-strong-gradient: linear-gradient(var(--very-strong-transparent-white), var(--very-strong-transparent-black));
    --very-subtle-inverted-gradient: linear-gradient(var(--very-subtle-transparent-black), var(--very-subtle-transparent-white));
    --subtle-inverted-gradient: linear-gradient(var(--subtle-transparent-black), var(--subtle-transparent-white));
    --inverted-gradient: linear-gradient(var(--transparent-black), var(--transparent-white));
    --strong-inverted-gradient: linear-gradient(var(--strong-transparent-black), var(--strong-transparent-white));
    --very-strong-inverted-gradient: linear-gradient(var(--very-strong-transparent-black), var(--very-strong-transparent-white));
    --very-subtle-angled-gradient:
      linear-gradient(
        45deg,
        var(--very-subtle-transparent-white),
        var(--very-subtle-transparent-black));
    --subtle-angled-gradient:
      linear-gradient(
        45deg,
        var(--subtle-transparent-white),
        var(--subtle-transparent-black));
    --angled-gradient:
      linear-gradient(
        45deg,
        var(--transparent-white),
        var(--transparent-black));
    --strong-angled-gradient:
      linear-gradient(
        45deg,
        var(--strong-transparent-white),
        var(--strong-transparent-black));
    --very-strong-angled-gradient:
      linear-gradient(
        45deg,
        var(--very-strong-transparent-white),
        var(--very-strong-transparent-black));
    --very-subtle-horizontal-gradient:
      linear-gradient(
        90deg,
        var(--very-subtle-transparent-white),
        var(--very-subtle-transparent-black));
    --subtle-horizontal-gradient:
      linear-gradient(
        90deg,
        var(--subtle-transparent-white),
        var(--subtle-transparent-black));
    --horizontal-gradient:
      linear-gradient(
        90deg,
        var(--transparent-white),
        var(--transparent-black));
    --strong-horizontal-gradient:
      linear-gradient(
        90deg,
        var(--strong-transparent-white),
        var(--strong-transparent-black));
    --very-strong-horizontal-gradient:
      linear-gradient(
        90deg,
        var(--very-strong-transparent-white),
        var(--very-strong-transparent-black));
    --text-shadow: 0px 1px 1px var(--strong-transparent-black);
    --subtle-shadow: 0px 1px 2px 0 var(--strong-transparent-black);
    --shadow: 0px 1px 2px 0 var(--very-strong-transparent-black);
    --subtle-inset-shadow: 0px 1px 2px 0 var(--transparent-black) inset;
    --inset-shadow: 0px 2px 3px 0 var(--strong-transparent-black) inset;
    --subtle-lip-distance: 2px;
    --subtle-lip-distance-inverse: calc(var(--subtle-lip-distance) * -1);
    --subtle-lip-spread: 10px;
    --subtle-lip-reduce: -6px;
    --subtle-top-lip-shadow: 0px var(--subtle-lip-distance) var(--subtle-lip-spread) var(--subtle-lip-reduce) var(--strong-transparent-black) inset ;
    --subtle-bottom-lip-shadow: 0px var(--subtle-lip-distance-inverse) var(--subtle-lip-spread) var(--subtle-lip-reduce) var(--strong-transparent-black) inset ;
    --subtle-left-lip-shadow: var(--subtle-lip-distance) 0px var(--subtle-lip-spread) var(--subtle-lip-reduce) var(--strong-transparent-black) inset ;
    --subtle-right-lip-shadow: var(--subtle-lip-distance-inverse) 0px var(--subtle-lip-spread) var(--subtle-lip-reduce) var(--strong-transparent-black) inset ;
    --floating-shadow: 0px 2px 4px 0px rgb(34 36 38 / 12%), 0px 2px 10px 0px rgb(34 36 38 / 15%) ;
    --track-background: oklch(var(--standard-color) / 10%);
    --thumb-background: oklch(var(--standard-color) / 15%);
    --thumb-inactive-background: oklch(var(--standard-color) / 15%);
    --thumb-hover-background: oklch(var(--standard-color) / 20%);
    --track-inverted-background: oklch(var(--inverted-color) / 5%);
    --thumb-inverted-background: oklch(var(--inverted-color) / 10%);
    --thumb-inverted-inactive-background: oklch(var(--inverted-color) / 5%);
    --thumb-inverted-hover-background: oklch(var(--inverted-color) / 15%);
    --ui-background-light: oklch(var(--ui-lightness-light) var(--ui-chroma) var(--ui-hue));
    --ui-background: oklch(var(--ui-lightness) var(--ui-chroma) var(--ui-hue));
    --ui-background-dark: oklch(var(--ui-lightness-dark) var(--ui-chroma) var(--ui-hue));
    --ui-background-emphasis:
      linear-gradient(
        140deg,
        var(--ui-emphasis-strong),
        var(--inverted-100),
        var(--ui-emphasis));
  }
}

/* src/css/tokens/themes/computed/messages.css */
@layer tokens.themes.computed.messages {
  :root,
  .theme,
  [light],
  [dark],
  [theme] {
    --positive-color: var(--green);
    --positive-background-color: var(--green-5);
    --positive-border-color: var(--green-20);
    --positive-header-color: var(--green-90);
    --positive-text-color: var(--green-text-color);
    --negative-background-color: var(--red-5);
    --negative-border-color: var(--red-20);
    --negative-header-color: var(--red-70);
    --negative-color: var(--red);
    --negative-text-color: var(--red-text-color);
    --info-color: var(--teal-70);
    --info-background-color: var(--teal-5);
    --info-border-color: var(--teal-30);
    --info-header-color: var(--teal-90);
    --info-text-color: var(--teal-80);
    --warning-text-color: var(--orange-text-color);
    --warning-color: var(--orange-70);
    --warning-border-color: var(--orange-30);
    --warning-background-color: var(--orange-5);
    --warning-header-color: var(--orange-90);
    --success-background-color: var(--positive-background-color);
    --success-color: var(--positive-color);
    --success-border-color: var(--positive-border-color);
    --success-header-color: var(--positive-header-color);
    --success-text-color: var(--positive-text-color);
    --error-background-color: var(--negative-background-color);
    --error-color: var(--negative-color);
    --error-border-color: var(--negative-border-color);
    --error-header-color: var(--negative-header-color);
    --error-text-color: var(--negative-text-color);
  }
}

/* src/css/tokens/themes/computed/interaction.css */
@layer tokens.themes.computed.interaction {
  :root,
  .theme,
  [light],
  [dark],
  [theme] {
    --loader-fill-color: rgb(var(--standard-color) / 10%);
    --loader-line-color: var(--grey);
    --inverted-loader-fill-color: rgb(var(--inverted-color) / 15%);
    --inverted-loader-line-color: var(--white);
    --form-focused-muted-border-color: var(--blue-40);
    --highlight-background: var(--blue-20);
  }
}

/* src/css/tokens.css */

/* src/css/all.css */
/*# sourceMappingURL=semantic-ui.css.map */