/* Generated by robots, do not change this manually! */

.dark {
  --text-primary-hover: #F5F5F593;
  --text-primary-active: #F5F5F5C4;
  --text-primary: #f5f5f5F5;
  --text-primary-brightness: #F6F6F6;
  --text-secondary-hover: #F5F5F5FF;
  --text-secondary-active: #F5F5F5AB;
  --text-secondary: #F5f5f58F;
  --text-tertiary-hover: #F5F5F5FF;
  --text-tertiary-active: #F5F5F556;
  --text-tertiary: #F5f5f548;
  --text-paragraph-hover: #F5F5F57A;
  --text-paragraph-active: #F5F5F5A3;
  --text-paragraph: #f5f5f5cc;
  --text-accent-hover: #2ACB47FF;
  --text-accent-active: #1F9835FF;
  --text-accent: #24B23E;
  --text-accent-gradient-hover: #CCCCCCFF;
  --text-accent-gradient-active: #E6E6E6FF;
  --text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
  --text-positive-hover: #2ACB47FF;
  --text-positive-active: #1F9835FF;
  --text-positive: #24B23E;
  --text-warning-hover: #FF8442FF;
  --text-warning-active: #FF5D05FF;
  --text-warning: #FF7024;
  --text-negative-hover: #FF5C6CFF;
  --text-negative-active: #FF1F35FF;
  --text-negative: #FF3D51;
  --on-dark-text-primary-hover: #F5F5F593;
  --on-dark-text-primary-active: #F5F5F5C4;
  --on-dark-text-primary: #f5f5f5F5;
  --on-dark-text-primary-brightness: #F6F6F6;
  --on-dark-text-secondary-hover: #F5F5F5FF;
  --on-dark-text-secondary-active: #F5F5F5AB;
  --on-dark-text-secondary: #F5f5f58F;
  --on-dark-text-tertiary-hover: #F5F5F5FF;
  --on-dark-text-tertiary-active: #F5F5F556;
  --on-dark-text-tertiary: #F5f5f548;
  --on-dark-text-paragraph-hover: #F5F5F57A;
  --on-dark-text-paragraph-active: #F5F5F5A3;
  --on-dark-text-paragraph: #f5f5f5CC;
  --on-dark-text-accent-hover: #2ACB47FF;
  --on-dark-text-accent-active: #1F9835FF;
  --on-dark-text-accent: #24B23E;
  --on-dark-text-accent-gradient-hover: #CCCCCCFF;
  --on-dark-text-accent-gradient-active: #E6E6E6FF;
  --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
  --on-dark-text-positive-hover: #2ACB47FF;
  --on-dark-text-positive-active: #1F9835FF;
  --on-dark-text-positive: #24B23E;
  --on-dark-text-warning-hover: #FF8442FF;
  --on-dark-text-warning-active: #FF5D05FF;
  --on-dark-text-warning: #FF7024;
  --on-dark-text-negative-hover: #FF5C6CFF;
  --on-dark-text-negative-active: #FF1F35FF;
  --on-dark-text-negative: #FF3D51;
  --on-light-text-primary-hover: #17171793;
  --on-light-text-primary-active: #171717C4;
  --on-light-text-primary: #171717F5;
  --on-light-text-primary-brightness: #2525F6;
  --on-light-text-secondary-hover: #171717FF;
  --on-light-text-secondary-active: #171717AB;
  --on-light-text-secondary: #1717178F;
  --on-light-text-tertiary-hover: #171717FF;
  --on-light-text-tertiary-active: #17171756;
  --on-light-text-tertiary: #17171748;
  --on-light-text-paragraph-hover: #1717177A;
  --on-light-text-paragraph-active: #171717A3;
  --on-light-text-paragraph: #171717CC;
  --on-light-text-accent-hover: #13AA2CFF;
  --on-light-text-accent-active: #0D731EFF;
  --on-light-text-accent: #108E26;
  --on-light-text-accent-gradient-hover: #CCCCCCFF;
  --on-light-text-accent-gradient-active: #E6E6E6FF;
  --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%);
  --on-light-text-positive-hover: #13AA2CFF;
  --on-light-text-positive-active: #0D731EFF;
  --on-light-text-positive: #108E26;
  --on-light-text-warning-hover: #FD650DFF;
  --on-light-text-warning-active: #CA4B02FF;
  --on-light-text-warning: #E85702;
  --on-light-text-negative-hover: #F5384BFF;
  --on-light-text-negative-active: #E40C22FF;
  --on-light-text-negative: #F31B31;
  --inverse-text-primary-hover: #17171793;
  --inverse-text-primary-active: #171717C4;
  --inverse-text-primary: #171717F5;
  --inverse-text-primary-brightness: #2525F6;
  --inverse-text-secondary-hover: #171717FF;
  --inverse-text-secondary-active: #171717AB;
  --inverse-text-secondary: #1717178F;
  --inverse-text-tertiary-hover: #171717FF;
  --inverse-text-tertiary-active: #17171756;
  --inverse-text-tertiary: #17171748;
  --inverse-text-paragraph-hover: #1717177A;
  --inverse-text-paragraph-active: #171717A3;
  --inverse-text-paragraph: #171717CC;
  --inverse-text-accent-hover: #13AA2CFF;
  --inverse-text-accent-active: #0D731EFF;
  --inverse-text-accent: #108E26;
  --inverse-text-accent-gradient-hover: #CCCCCCFF;
  --inverse-text-accent-gradient-active: #E6E6E6FF;
  --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%);
  --inverse-text-positive-hover: #13AA2CFF;
  --inverse-text-positive-active: #0D731EFF;
  --inverse-text-positive: #108E26;
  --inverse-text-warning-hover: #FD650DFF;
  --inverse-text-warning-active: #CA4B02FF;
  --inverse-text-warning: #E85702;
  --inverse-text-negative-hover: #F5384BFF;
  --inverse-text-negative-active: #E40C22FF;
  --inverse-text-negative: #F31B31;
  --surface-solid-primary-hover: #1C1C1CFF;
  --surface-solid-primary-active: #121212FF;
  --surface-solid-primary: #171717;
  --surface-solid-primary-brightness: #252525;
  --surface-solid-secondary-hover: #303030FF;
  --surface-solid-secondary-active: #212121FF;
  --surface-solid-secondary: #262626;
  --surface-solid-tertiary-hover: #404040FF;
  --surface-solid-tertiary-active: #303030FF;
  --surface-solid-tertiary: #363636;
  --surface-solid-card-hover: #1C1C1CFF;
  --surface-solid-card-active: #121212FF;
  --surface-solid-card: #171717;
  --surface-solid-card-brightness: #252525;
  --surface-solid-default-hover: #FFFFFFFF;
  --surface-solid-default-active: #FFFFFFFF;
  --surface-solid-default: #FFFFFFFF;
  --surface-transparent-primary-hover: #FFFFFF1F;
  --surface-transparent-primary-active: #FFFFFF0A;
  --surface-transparent-primary: #FFFFFF0F;
  --surface-transparent-secondary-hover: #FFFFFF3D;
  --surface-transparent-secondary-active: #FFFFFF0F;
  --surface-transparent-secondary: rgba(255, 255, 255, 0.12);
  --surface-transparent-tertiary-hover: #FFFFFF52;
  --surface-transparent-tertiary-active: #FFFFFF24;
  --surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
  --surface-transparent-deep-hover: #FFFFFFC2;
  --surface-transparent-deep-active: #FFFFFF94;
  --surface-transparent-deep: #FFFFFFA3;
  --surface-transparent-card-hover: #FFFFFF1F;
  --surface-transparent-card-active: #FFFFFF0A;
  --surface-transparent-card: #FFFFFF0F;
  --surface-transparent-card-brightness: #FFFF1D;
  --surface-clear-hover: #00000000;
  --surface-clear-active: #00000000;
  --surface-clear: rgba(0, 0, 0, 0);
  --surface-accent-hover: #1DAF37FF;
  --surface-accent-active: #18952FFF;
  --surface-accent: #1A9E32;
  --surface-accent-gradient-hover: #FFFFFFFF;
  --surface-accent-gradient-active: #FFFFFFFF;
  --surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
  --surface-positive-hover: #1DAF37FF;
  --surface-positive-active: #18952FFF;
  --surface-positive: #1A9E32;
  --surface-warning-hover: #FB7223FF;
  --surface-warning-active: #F05B05FF;
  --surface-warning: #FA5F05;
  --surface-negative-hover: #FF475AFF;
  --surface-negative-active: #FF1F35FF;
  --surface-negative: #FF293E;
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
  --on-dark-surface-solid-primary-active: #121212FF;
  --on-dark-surface-solid-primary: #171717;
  --on-dark-surface-solid-primary-brightness: #252525;
  --on-dark-surface-solid-secondary-hover: #303030FF;
  --on-dark-surface-solid-secondary-active: #212121FF;
  --on-dark-surface-solid-secondary: #262626;
  --on-dark-surface-solid-tertiary-hover: #404040FF;
  --on-dark-surface-solid-tertiary-active: #303030FF;
  --on-dark-surface-solid-tertiary: #363636;
  --on-dark-surface-solid-card-hover: #1C1C1CFF;
  --on-dark-surface-solid-card-active: #121212FF;
  --on-dark-surface-solid-card: #171717;
  --on-dark-surface-solid-card-brightness: #252525;
  --on-dark-surface-solid-default-hover: #FFFFFFFF;
  --on-dark-surface-solid-default-active: #FFFFFFFF;
  --on-dark-surface-solid-default: #FFFFFF;
  --on-dark-surface-transparent-primary-hover: #FFFFFF1F;
  --on-dark-surface-transparent-primary-active: #FFFFFF0A;
  --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
  --on-dark-surface-transparent-secondary-hover: #FFFFFF3D;
  --on-dark-surface-transparent-secondary-active: #FFFFFF0F;
  --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
  --on-dark-surface-transparent-tertiary-hover: #FFFFFF52;
  --on-dark-surface-transparent-tertiary-active: #FFFFFF24;
  --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
  --on-dark-surface-transparent-deep-hover: #FFFFFFC2;
  --on-dark-surface-transparent-deep-active: #FFFFFF94;
  --on-dark-surface-transparent-deep: #FFFFFFA3;
  --on-dark-surface-transparent-card-hover: #FFFFFF1F;
  --on-dark-surface-transparent-card-active: #FFFFFF0A;
  --on-dark-surface-transparent-card: #FFFFFF0F;
  --on-dark-surface-transparent-card-brightness: #FFFF1D;
  --on-dark-surface-clear-hover: #00000000;
  --on-dark-surface-clear-active: #00000000;
  --on-dark-surface-clear: rgba(0, 0, 0, 0);
  --on-dark-surface-accent-hover: #1DAF37FF;
  --on-dark-surface-accent-active: #18952FFF;
  --on-dark-surface-accent: #1A9E32;
  --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
  --on-dark-surface-accent-gradient-active: #FFFFFFFF;
  --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
  --on-dark-surface-positive-hover: #1DAF37FF;
  --on-dark-surface-positive-active: #18952FFF;
  --on-dark-surface-positive: #1A9E32;
  --on-dark-surface-warning-hover: #FB7223FF;
  --on-dark-surface-warning-active: #F05B05FF;
  --on-dark-surface-warning: #FA5F05;
  --on-dark-surface-negative-hover: #FF475AFF;
  --on-dark-surface-negative-active: #FF1F35FF;
  --on-dark-surface-negative: #FF293E;
  --on-light-surface-solid-primary-hover: #FAFAFAFF;
  --on-light-surface-solid-primary-active: #F0F0F0FF;
  --on-light-surface-solid-primary: #F5F5F5;
  --on-light-surface-solid-primary-brightness: #F6F6F6;
  --on-light-surface-solid-secondary-hover: #F7F7F7FF;
  --on-light-surface-solid-secondary-active: #E8E8E8FF;
  --on-light-surface-solid-secondary: #ECECEC;
  --on-light-surface-solid-tertiary-hover: #E8E8E8FF;
  --on-light-surface-solid-tertiary-active: #D9D9D9FF;
  --on-light-surface-solid-tertiary: #DDDDDD;
  --on-light-surface-solid-card-hover: #FFFFFFFF;
  --on-light-surface-solid-card-active: #FFFFFFFF;
  --on-light-surface-solid-card: #FFFFFFFF;
  --on-light-surface-solid-card-brightness: #FFFFFF;
  --on-light-surface-solid-default-hover: #0D0D0DFF;
  --on-light-surface-solid-default-active: #030303FF;
  --on-light-surface-solid-default: #080808;
  --on-light-surface-transparent-primary-hover: #0808080F;
  --on-light-surface-transparent-primary-active: #08080800;
  --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02);
  --on-light-surface-transparent-secondary-hover: #0808081F;
  --on-light-surface-transparent-secondary-active: #0808080A;
  --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
  --on-light-surface-transparent-tertiary-hover: #0808083D;
  --on-light-surface-transparent-tertiary-active: #0808080F;
  --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
  --on-light-surface-transparent-deep-hover: #080808C2;
  --on-light-surface-transparent-deep-active: #08080894;
  --on-light-surface-transparent-deep: #080808A3;
  --on-light-surface-transparent-card-hover: #0808081F;
  --on-light-surface-transparent-card-active: #0808080A;
  --on-light-surface-transparent-card: rgba(8, 8, 8, 0.06);
  --on-light-surface-transparent-card-brightness: #171717;
  --on-light-surface-clear-hover: #00000000;
  --on-light-surface-clear-active: #00000000;
  --on-light-surface-clear: rgba(0, 0, 0, 0);
  --on-light-surface-accent-hover: #1DAF37FF;
  --on-light-surface-accent-active: #18952FFF;
  --on-light-surface-accent: #1A9E32;
  --on-light-surface-accent-gradient-hover: #FFFFFFFF;
  --on-light-surface-accent-gradient-active: #FFFFFFFF;
  --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
  --on-light-surface-positive-hover: #1DAF37FF;
  --on-light-surface-positive-active: #18952FFF;
  --on-light-surface-positive: #1A9E32;
  --on-light-surface-warning-hover: #FB7223FF;
  --on-light-surface-warning-active: #F05B05FF;
  --on-light-surface-warning: #FA5F05;
  --on-light-surface-negative-hover: #FF475AFF;
  --on-light-surface-negative-active: #FF1F35FF;
  --on-light-surface-negative: #FF293E;
  --inverse-surface-solid-primary-hover: #FAFAFAFF;
  --inverse-surface-solid-primary-active: #F0F0F0FF;
  --inverse-surface-solid-primary: #F5F5F5;
  --inverse-surface-solid-primary-brightness: #F6F6F6;
  --inverse-surface-solid-secondary-hover: #F7F7F7FF;
  --inverse-surface-solid-secondary-active: #E8E8E8FF;
  --inverse-surface-solid-secondary: #ECECEC;
  --inverse-surface-solid-tertiary-hover: #E8E8E8FF;
  --inverse-surface-solid-tertiary-active: #D9D9D9FF;
  --inverse-surface-solid-tertiary: #DDDDDD;
  --inverse-surface-solid-card-hover: #FFFFFFFF;
  --inverse-surface-solid-card-active: #FFFFFFFF;
  --inverse-surface-solid-card: #FFFFFFFF;
  --inverse-surface-solid-card-brightness: #FFFFFF;
  --inverse-surface-solid-default-hover: #0D0D0DFF;
  --inverse-surface-solid-default-active: #030303FF;
  --inverse-surface-solid-default: #080808;
  --inverse-surface-transparent-primary-hover: #0808080F;
  --inverse-surface-transparent-primary-active: #08080800;
  --inverse-surface-transparent-primary: rgba(8, 8, 8, 0.02);
  --inverse-surface-transparent-secondary-hover: #0808081F;
  --inverse-surface-transparent-secondary-active: #0808080A;
  --inverse-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
  --inverse-surface-transparent-tertiary-hover: #0808083D;
  --inverse-surface-transparent-tertiary-active: #0808080F;
  --inverse-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
  --inverse-surface-transparent-deep-hover: #080808C2;
  --inverse-surface-transparent-deep-active: #08080894;
  --inverse-surface-transparent-deep: #080808A3;
  --inverse-surface-transparent-card-hover: #FFFFFFFF;
  --inverse-surface-transparent-card-active: #FFFFFFFF;
  --inverse-surface-transparent-card: #FFFFFFFF;
  --inverse-surface-transparent-card-brightness: #FFFFFF;
  --inverse-surface-clear-hover: #00000000;
  --inverse-surface-clear-active: #00000000;
  --inverse-surface-clear: rgba(0, 0, 0, 0);
  --inverse-surface-accent-hover: #1DAF37FF;
  --inverse-surface-accent-active: #18952FFF;
  --inverse-surface-accent: #1A9E32;
  --inverse-surface-accent-gradient-hover: #FFFFFFFF;
  --inverse-surface-accent-gradient-active: #FFFFFFFF;
  --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
  --inverse-surface-positive-hover: #1DAF37FF;
  --inverse-surface-positive-active: #18952FFF;
  --inverse-surface-positive: #1A9E32;
  --inverse-surface-warning-hover: #FB7223FF;
  --inverse-surface-warning-active: #F05B05FF;
  --inverse-surface-warning: #FA5F05;
  --inverse-surface-negative-hover: #FF475AFF;
  --inverse-surface-negative-active: #FF1F35FF;
  --inverse-surface-negative: #FF293E;
  --background-primary: #080808;
  --background-primary-brightness: #171717;
  --dark-background-primary: #080808;
  --light-background-primary: #F9F9F9;
  --inverse-background-primary: #F9F9F9;
  --inverse-background-primary-brightness: #F9F9F9;
  --overlay-soft: #0808088F;
  --overlay-hard: #080808f5;
  --on-dark-overlay-soft: #0808088f;
  --on-dark-overlay-hard: #080808f5;
  --on-light-overlay-soft: #f9f9f98f;
  --on-light-overlay-hard: #f9f9f9f5;
  --inverse-overlay-soft: #f9f9f98F;
  --inverse-overlay-hard: #f9f9f9f5;
  --data-default-data-yellow: #F3A912;
  --data-default-data-yellow-hover: #F4B22FFF;
  --data-default-data-yellow-active: #EDA20CFF;
  --data-default-data-yellow-minor: #A16B00;
  --data-default-data-yellow-minor-hover: #B87A00FF;
  --data-default-data-yellow-minor-active: #996600FF;
  --data-default-data-yellow-transparent: #F3A9128F;
  --data-default-data-yellow-transparent-hover: #F3A812AD;
  --data-default-data-yellow-transparent-active: #F3A81280;
  --data-on-dark-data-yellow: #F3A912;
  --data-on-dark-data-yellow-hover: #F4B22FFF;
  --data-on-dark-data-yellow-active: #EDA20CFF;
  --data-on-dark-data-yellow-minor: #A16B00;
  --data-on-dark-data-yellow-minor-hover: #B87A00FF;
  --data-on-dark-data-yellow-minor-active: #996600FF;
  --data-on-dark-data-yellow-transparent: #F3A9128F;
  --data-on-dark-data-yellow-transparent-hover: #F3A812AD;
  --data-on-dark-data-yellow-transparent-active: #F3A81280;
  --data-on-light-data-yellow: #F3A912;
  --data-on-light-data-yellow-hover: #F4B22FFF;
  --data-on-light-data-yellow-active: #EDA20CFF;
  --data-on-light-data-yellow-minor: #FFD37A;
  --data-on-light-data-yellow-minor-hover: #FFDA8FFF;
  --data-on-light-data-yellow-minor-active: #FFCF70FF;
  --data-on-light-data-yellow-transparent: #F3A9128F;
  --data-on-light-data-yellow-transparent-hover: #F3A812AD;
  --data-on-light-data-yellow-transparent-active: #F3A81280;
  --data-inverse-data-yellow: #F3A912;
  --data-inverse-data-yellow-hover: #F4B22FFF;
  --data-inverse-data-yellow-active: #EDA20CFF;
  --data-inverse-data-yellow-minor: #FFD37A;
  --data-inverse-data-yellow-minor-hover: #FFDA8FFF;
  --data-inverse-data-yellow-minor-active: #FFCF70FF;
  --data-inverse-data-yellow-transparent: #F3A9128F;
  --data-inverse-data-yellow-transparent-hover: #F3A812AD;
  --data-inverse-data-yellow-transparent-active: #F3A81280;
  --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
  --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
  --plasma-colors-white-primary: var(--on-dark-text-primary);
  --plasma-colors-white-secondary: var(--on-dark-text-secondary);
  --plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
  --plasma-colors-black-primary: var(--on-light-text-primary);
  --plasma-colors-black-secondary: var(--on-light-text-secondary);
  --plasma-colors-black-tertiary: var(--on-light-text-tertiary);
  --plasma-colors-button-black: var(--on-light-surface-solid-default);
  --plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
  --plasma-colors-button-white: var(--on-dark-surface-solid-default);
  --plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
  --plasma-colors-text: var(--text-primary);
  --plasma-colors-primary: var(--text-primary);
  --plasma-colors-secondary: var(--text-secondary);
  --plasma-colors-tertiary: var(--text-tertiary);
  --plasma-colors-paragraph: var(--text-paragraph);
  --plasma-colors-background: var(--background-primary);
  --plasma-colors-accent: var(--text-accent);
  --plasma-colors-success: var(--text-positive);
  --plasma-colors-warning: var(--text-warning);
  --plasma-colors-critical: var(--text-negative);
  --plasma-colors-overlay: var(--overlay-soft);
  --plasma-colors-surface-liquid01: var(--surface-transparent-primary);
  --plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
  --plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
  --plasma-colors-surface-solid01: var(--surface-solid-primary);
  --plasma-colors-surface-solid02: var(--surface-solid-secondary);
  --plasma-colors-surface-solid03: var(--surface-solid-tertiary);
  --plasma-colors-surface-card: var(--surface-transparent-card);
  --plasma-colors-button-secondary: var(--surface-transparent-secondary);
  --plasma-colors-button-accent: var(--text-accent);
  --plasma-colors-button-success: var(--surface-positive);
  --plasma-colors-button-warning: var(--surface-warning);
  --plasma-colors-button-critical: var(--surface-negative);
  color: var(--text-primary);
  background-color: var(--background-primary);
}

.light {
  --text-primary-hover: #17171793;
  --text-primary-active: #171717C4;
  --text-primary: #171717F5;
  --text-primary-brightness: #2525F6;
  --text-secondary-hover: #171717FF;
  --text-secondary-active: #171717AB;
  --text-secondary: #1717178F;
  --text-tertiary-hover: #171717FF;
  --text-tertiary-active: #17171756;
  --text-tertiary: #17171748;
  --text-paragraph-hover: #1717177A;
  --text-paragraph-active: #171717A3;
  --text-paragraph: #171717CC;
  --text-accent-hover: #14B32EFF;
  --text-accent-active: #0C6A1BFF;
  --text-accent: #108E26;
  --text-accent-gradient-hover: #000000FF;
  --text-accent-gradient-active: #CCCCCCFF;
  --text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%);
  --text-positive-hover: #14B32EFF;
  --text-positive-active: #0C6A1BFF;
  --text-positive: #108E26;
  --text-warning-hover: #FD6B17FF;
  --text-warning-active: #C04802FF;
  --text-warning: #E85702;
  --text-negative-hover: #F54254FF;
  --text-negative-active: #DA0B20FF;
  --text-negative: #F31B31;
  --on-dark-text-primary-hover: #F5F5F593;
  --on-dark-text-primary-active: #F5F5F5C4;
  --on-dark-text-primary: #F5F5F5F5;
  --on-dark-text-primary-brightness: #F6F6F6;
  --on-dark-text-secondary-hover: #F5F5F5FF;
  --on-dark-text-secondary-active: #F5F5F5AB;
  --on-dark-text-secondary: #F5F5F58F;
  --on-dark-text-tertiary-hover: #F5F5F5FF;
  --on-dark-text-tertiary-active: #F5F5F556;
  --on-dark-text-tertiary: #F5F5F548;
  --on-dark-text-paragraph-hover: #F5F5F57A;
  --on-dark-text-paragraph-active: #F5F5F5A3;
  --on-dark-text-paragraph: #F5F5F5CC;
  --on-dark-text-accent-hover: #2BD44AFF;
  --on-dark-text-accent-active: #1D9032FF;
  --on-dark-text-accent: #24B23E;
  --on-dark-text-accent-gradient-hover: #000000FF;
  --on-dark-text-accent-gradient-active: #CCCCCCFF;
  --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
  --on-dark-text-positive-hover: #2BD44AFF;
  --on-dark-text-positive-active: #1D9032FF;
  --on-dark-text-positive: #24B23E;
  --on-dark-text-warning-hover: #FF8B4DFF;
  --on-dark-text-warning-active: #FA5700FF;
  --on-dark-text-warning: #FF7024;
  --on-dark-text-negative-hover: #FF6675FF;
  --on-dark-text-negative-active: #FF142CFF;
  --on-dark-text-negative: #FF3D51;
  --on-light-text-primary-hover: #17171793;
  --on-light-text-primary-active: #171717C4;
  --on-light-text-primary: #171717F5;
  --on-light-text-primary-brightness: #2525F6;
  --on-light-text-secondary-hover: #171717FF;
  --on-light-text-secondary-active: #171717AB;
  --on-light-text-secondary: #1717178F;
  --on-light-text-tertiary-hover: #171717FF;
  --on-light-text-tertiary-active: #17171756;
  --on-light-text-tertiary: #17171748;
  --on-light-text-paragraph-hover: #1717177A;
  --on-light-text-paragraph-active: #171717A3;
  --on-light-text-paragraph: #171717CC;
  --on-light-text-accent-hover: #14B32EFF;
  --on-light-text-accent-active: #0C6A1BFF;
  --on-light-text-accent: #108E26;
  --on-light-text-accent-gradient-hover: #000000FF;
  --on-light-text-accent-gradient-active: #CCCCCCFF;
  --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%);
  --on-light-text-positive-hover: #14B32EFF;
  --on-light-text-positive-active: #0C6A1BFF;
  --on-light-text-positive: #108E26;
  --on-light-text-warning-hover: #FD6B17FF;
  --on-light-text-warning-active: #C04802FF;
  --on-light-text-warning: #E85702;
  --on-light-text-negative-hover: #F54254FF;
  --on-light-text-negative-active: #DA0B20FF;
  --on-light-text-negative: #F31B31;
  --inverse-text-primary-hover: #F5F5F593;
  --inverse-text-primary-active: #F5F5F5C4;
  --inverse-text-primary: #F5F5F5F5;
  --inverse-text-primary-brightness: #F6F6F6;
  --inverse-text-secondary-hover: #F5F5F5FF;
  --inverse-text-secondary-active: #F5F5F5AB;
  --inverse-text-secondary: #F5F5F58F;
  --inverse-text-tertiary-hover: #F5F5F5FF;
  --inverse-text-tertiary-active: #F5F5F556;
  --inverse-text-tertiary: #F5F5F548;
  --inverse-text-paragraph-hover: #F5F5F57A;
  --inverse-text-paragraph-active: #F5F5F5A3;
  --inverse-text-paragraph: #F5F5F5CC;
  --inverse-text-accent-hover: #2BD44AFF;
  --inverse-text-accent-active: #1D9032FF;
  --inverse-text-accent: #24B23E;
  --inverse-text-accent-gradient-hover: #000000FF;
  --inverse-text-accent-gradient-active: #CCCCCCFF;
  --inverse-text-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
  --inverse-text-positive-hover: #2BD44AFF;
  --inverse-text-positive-active: #1D9032FF;
  --inverse-text-positive: #24B23E;
  --inverse-text-warning-hover: #FF8B4DFF;
  --inverse-text-warning-active: #FA5700FF;
  --inverse-text-warning: #FF7024;
  --inverse-text-negative-hover: #FF6675FF;
  --inverse-text-negative-active: #FF142CFF;
  --inverse-text-negative: #FF3D51;
  --surface-solid-primary-hover: #FAFAFAFF;
  --surface-solid-primary-active: #F0F0F0FF;
  --surface-solid-primary: #F5F5F5;
  --surface-solid-primary-brightness: #F6F6F6;
  --surface-solid-secondary-hover: #F7F7F7FF;
  --surface-solid-secondary-active: #E8E8E8FF;
  --surface-solid-secondary: #ECECEC;
  --surface-solid-tertiary-hover: #EDEDEDFF;
  --surface-solid-tertiary-active: #D4D4D4FF;
  --surface-solid-tertiary: #DDDDDD;
  --surface-solid-card-hover: #FFFFFFFF;
  --surface-solid-card-active: #FFFFFFFF;
  --surface-solid-card: #FFFFFFFF;
  --surface-solid-card-brightness: #FFFFFF;
  --surface-solid-default-hover: #262626FF;
  --surface-solid-default-active: #030303FF;
  --surface-solid-default: #080808;
  --surface-transparent-primary-hover: #08080800;
  --surface-transparent-primary-active: #0808080A;
  --surface-transparent-primary: rgba(8, 8, 8, 0.02);
  --surface-transparent-secondary-hover: #08080805;
  --surface-transparent-secondary-active: #0808081A;
  --surface-transparent-secondary: rgba(8, 8, 8, 0.06);
  --surface-transparent-tertiary-hover: #0808080A;
  --surface-transparent-tertiary-active: #08080829;
  --surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
  --surface-transparent-deep-hover: #0808088F;
  --surface-transparent-deep-active: #080808AD;
  --surface-transparent-deep: #080808A3;
  --surface-transparent-card-hover: #FFFFFFFF;
  --surface-transparent-card-active: #FFFFFFFF;
  --surface-transparent-card: #FFFFFFFF;
  --surface-transparent-card-brightness: #FFFFFF;
  --surface-clear-hover: #00000000;
  --surface-clear-active: #00000000;
  --surface-clear: rgba(0, 0, 0, 0);
  --surface-accent-hover: #1EB83AFF;
  --surface-accent-active: #178C2CFF;
  --surface-accent: #1A9E32;
  --surface-accent-gradient-hover: #FFFFFFFF;
  --surface-accent-gradient-active: #FFFFFFFF;
  --surface-accent-gradient: linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%);
  --surface-positive-hover: #1EB83AFF;
  --surface-positive-active: #178C2CFF;
  --surface-positive: #1A9E32;
  --surface-warning-hover: #FB782DFF;
  --surface-warning-active: #E65705FF;
  --surface-warning: #FA5F05;
  --surface-negative-hover: #FF5263FF;
  --surface-negative-active: #FF142CFF;
  --surface-negative: #FF293E;
  --on-dark-surface-solid-primary-hover: #363636FF;
  --on-dark-surface-solid-primary-active: #0D0D0DFF;
  --on-dark-surface-solid-primary: #171717;
  --on-dark-surface-solid-primary-brightness: #252525;
  --on-dark-surface-solid-secondary-hover: #3B3B3BFF;
  --on-dark-surface-solid-secondary-active: #1C1C1CFF;
  --on-dark-surface-solid-secondary: #262626;
  --on-dark-surface-solid-tertiary-hover: #4A4A4AFF;
  --on-dark-surface-solid-tertiary-active: #2B2B2BFF;
  --on-dark-surface-solid-tertiary: #363636;
  --on-dark-surface-solid-card-hover: #363636FF;
  --on-dark-surface-solid-card-active: #0D0D0DFF;
  --on-dark-surface-solid-card: #171717;
  --on-dark-surface-solid-card-brightness: #252525;
  --on-dark-surface-solid-default-hover: #FFFFFFFF;
  --on-dark-surface-solid-default-active: #FFFFFFFF;
  --on-dark-surface-solid-default: #FFFFFF;
  --on-dark-surface-transparent-primary-hover: #FFFFFF05;
  --on-dark-surface-transparent-primary-active: #FFFFFF1A;
  --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
  --on-dark-surface-transparent-secondary-hover: #FFFFFF0A;
  --on-dark-surface-transparent-secondary-active: #FFFFFF29;
  --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
  --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F;
  --on-dark-surface-transparent-tertiary-active: #FFFFFF3D;
  --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
  --on-dark-surface-transparent-deep-hover: #FFFFFF8F;
  --on-dark-surface-transparent-deep-active: #FFFFFFAD;
  --on-dark-surface-transparent-deep: #FFFFFFA3;
  --on-dark-surface-transparent-card-hover: #FFFFFF05;
  --on-dark-surface-transparent-card-active: #FFFFFF1A;
  --on-dark-surface-transparent-card: #FFFFFF0F;
  --on-dark-surface-transparent-card-brightness: #FFFF1D;
  --on-dark-surface-clear-hover: #00000000;
  --on-dark-surface-clear-active: #00000000;
  --on-dark-surface-clear: rgba(0, 0, 0, 0);
  --on-dark-surface-accent-hover: #1EB83AFF;
  --on-dark-surface-accent-active: #178C2CFF;
  --on-dark-surface-accent: #1A9E32;
  --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
  --on-dark-surface-accent-gradient-active: #FFFFFFFF;
  --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
  --on-dark-surface-positive-hover: #1EB83AFF;
  --on-dark-surface-positive-active: #178C2CFF;
  --on-dark-surface-positive: #1A9E32;
  --on-dark-surface-warning-hover: #FB782DFF;
  --on-dark-surface-warning-active: #E65705FF;
  --on-dark-surface-warning: #FA5F05;
  --on-dark-surface-negative-hover: #FF5263FF;
  --on-dark-surface-negative-active: #FF142CFF;
  --on-dark-surface-negative: #FF293E;
  --on-light-surface-solid-primary-hover: #FAFAFAFF;
  --on-light-surface-solid-primary-active: #F0F0F0FF;
  --on-light-surface-solid-primary: #F5F5F5;
  --on-light-surface-solid-primary-brightness: #F6F6F6;
  --on-light-surface-solid-secondary-hover: #F7F7F7FF;
  --on-light-surface-solid-secondary-active: #E8E8E8FF;
  --on-light-surface-solid-secondary: #ECECEC;
  --on-light-surface-solid-tertiary-hover: #EDEDEDFF;
  --on-light-surface-solid-tertiary-active: #D4D4D4FF;
  --on-light-surface-solid-tertiary: #DDDDDD;
  --on-light-surface-solid-card-hover: #FFFFFFFF;
  --on-light-surface-solid-card-active: #FFFFFFFF;
  --on-light-surface-solid-card: #FFFFFFFF;
  --on-light-surface-solid-card-brightness: #FFFFFF;
  --on-light-surface-solid-default-hover: #262626FF;
  --on-light-surface-solid-default-active: #030303FF;
  --on-light-surface-solid-default: #080808;
  --on-light-surface-transparent-primary-hover: #08080800;
  --on-light-surface-transparent-primary-active: #0808080A;
  --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02);
  --on-light-surface-transparent-secondary-hover: #08080805;
  --on-light-surface-transparent-secondary-active: #0808081A;
  --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
  --on-light-surface-transparent-tertiary-hover: #0808080A;
  --on-light-surface-transparent-tertiary-active: #08080829;
  --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
  --on-light-surface-transparent-deep-hover: #0808088F;
  --on-light-surface-transparent-deep-active: #080808AD;
  --on-light-surface-transparent-deep: #080808A3;
  --on-light-surface-transparent-card-hover: #FFFFFFFF;
  --on-light-surface-transparent-card-active: #FFFFFFFF;
  --on-light-surface-transparent-card: #FFFFFFFF;
  --on-light-surface-transparent-card-brightness: #FFFFFF;
  --on-light-surface-clear-hover: #00000000;
  --on-light-surface-clear-active: #00000000;
  --on-light-surface-clear: rgba(0, 0, 0, 0);
  --on-light-surface-accent-hover: #1EB83AFF;
  --on-light-surface-accent-active: #178C2CFF;
  --on-light-surface-accent: #1A9E32;
  --on-light-surface-accent-gradient-hover: #FFFFFFFF;
  --on-light-surface-accent-gradient-active: #FFFFFFFF;
  --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
  --on-light-surface-positive-hover: #1EB83AFF;
  --on-light-surface-positive-active: #178C2CFF;
  --on-light-surface-positive: #1A9E32;
  --on-light-surface-warning-hover: #FB782DFF;
  --on-light-surface-warning-active: #E65705FF;
  --on-light-surface-warning: #FA5F05;
  --on-light-surface-negative-hover: #FF5263FF;
  --on-light-surface-negative-active: #FF142CFF;
  --on-light-surface-negative: #FF293E;
  --inverse-surface-solid-primary-hover: #363636FF;
  --inverse-surface-solid-primary-active: #0D0D0DFF;
  --inverse-surface-solid-primary: #171717;
  --inverse-surface-solid-primary-brightness: #252525;
  --inverse-surface-solid-secondary-hover: #3B3B3BFF;
  --inverse-surface-solid-secondary-active: #1C1C1CFF;
  --inverse-surface-solid-secondary: #262626;
  --inverse-surface-solid-tertiary-hover: #4A4A4AFF;
  --inverse-surface-solid-tertiary-active: #2B2B2BFF;
  --inverse-surface-solid-tertiary: #363636;
  --inverse-surface-solid-card-hover: #363636FF;
  --inverse-surface-solid-card-active: #0D0D0DFF;
  --inverse-surface-solid-card: #171717;
  --inverse-surface-solid-card-brightness: #252525;
  --inverse-surface-solid-default-hover: #FFFFFFFF;
  --inverse-surface-solid-default-active: #FFFFFFFF;
  --inverse-surface-solid-default: #FFFFFF;
  --inverse-surface-transparent-primary-hover: #FFFFFF05;
  --inverse-surface-transparent-primary-active: #FFFFFF1A;
  --inverse-surface-transparent-primary: rgba(255, 255, 255, 0.06);
  --inverse-surface-transparent-secondary-hover: #FFFFFF0A;
  --inverse-surface-transparent-secondary-active: #FFFFFF29;
  --inverse-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
  --inverse-surface-transparent-tertiary-hover: #FFFFFF1F;
  --inverse-surface-transparent-tertiary-active: #FFFFFF3D;
  --inverse-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
  --inverse-surface-transparent-deep-hover: #FFFFFF8F;
  --inverse-surface-transparent-deep-active: #FFFFFFAD;
  --inverse-surface-transparent-deep: #FFFFFFA3;
  --inverse-surface-transparent-card-hover: #FFFFFF05;
  --inverse-surface-transparent-card-active: #FFFFFF1A;
  --inverse-surface-transparent-card: #FFFFFF0F;
  --inverse-surface-transparent-card-brightness: #FFFF1D;
  --inverse-surface-clear-hover: #00000000;
  --inverse-surface-clear-active: #00000000;
  --inverse-surface-clear: rgba(0, 0, 0, 0);
  --inverse-surface-accent-hover: #1EB83AFF;
  --inverse-surface-accent-active: #178C2CFF;
  --inverse-surface-accent: #1A9E32;
  --inverse-surface-accent-gradient-hover: #FFFFFFFF;
  --inverse-surface-accent-gradient-active: #FFFFFFFF;
  --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%);
  --inverse-surface-positive-hover: #1EB83AFF;
  --inverse-surface-positive-active: #178C2CFF;
  --inverse-surface-positive: #1A9E32;
  --inverse-surface-warning-hover: #FB782DFF;
  --inverse-surface-warning-active: #E65705FF;
  --inverse-surface-warning: #FA5F05;
  --inverse-surface-negative-hover: #FF5263FF;
  --inverse-surface-negative-active: #FF142CFF;
  --inverse-surface-negative: #FF293E;
  --background-primary: #F9F9F9;
  --background-primary-brightness: #F9F9F9;
  --dark-background-primary: #080808;
  --light-background-primary: #F9F9F9;
  --inverse-background-primary: #080808;
  --inverse-background-primary-brightness: #171717;
  --overlay-soft: #F9F9F98F;
  --overlay-hard: #F9F9F9F5;
  --on-dark-overlay-soft: #0808088F;
  --on-dark-overlay-hard: #080808F5;
  --on-light-overlay-soft: #F9F9F98F;
  --on-light-overlay-hard: #F9F9F9F5;
  --inverse-overlay-soft: #0808088F;
  --inverse-overlay-hard: #080808F5;
  --data-default-data-yellow: #F3A912;
  --data-default-data-yellow-hover: #F5B638FF;
  --data-default-data-yellow-active: #E49C0CFF;
  --data-default-data-yellow-minor: #FFD37A;
  --data-default-data-yellow-minor-hover: #FFDA8FFF;
  --data-default-data-yellow-minor-active: #FFCC66FF;
  --data-default-data-yellow-transparent: #F3A9128F;
  --data-default-data-yellow-transparent-hover: #F3A8127A;
  --data-default-data-yellow-transparent-active: #F3A81299;
  --data-on-dark-data-yellow: #F3A912;
  --data-on-dark-data-yellow-hover: #F5B638FF;
  --data-on-dark-data-yellow-active: #E49C0CFF;
  --data-on-dark-data-yellow-minor: #A16B00;
  --data-on-dark-data-yellow-minor-hover: #B87A00FF;
  --data-on-dark-data-yellow-minor-active: #8F5F00FF;
  --data-on-dark-data-yellow-transparent: #F3A9128F;
  --data-on-dark-data-yellow-transparent-hover: #F3A8127A;
  --data-on-dark-data-yellow-transparent-active: #F3A81299;
  --data-on-light-data-yellow: #F3A912;
  --data-on-light-data-yellow-hover: #F5B638FF;
  --data-on-light-data-yellow-active: #E49C0CFF;
  --data-on-light-data-yellow-minor: #FFD37A;
  --data-on-light-data-yellow-minor-hover: #FFDA8FFF;
  --data-on-light-data-yellow-minor-active: #FFCC66FF;
  --data-on-light-data-yellow-transparent: #F3A9128F;
  --data-on-light-data-yellow-transparent-hover: #F3A8127A;
  --data-on-light-data-yellow-transparent-active: #F3A81299;
  --data-inverse-data-yellow: #F3A912;
  --data-inverse-data-yellow-hover: #F5B638FF;
  --data-inverse-data-yellow-active: #E49C0CFF;
  --data-inverse-data-yellow-minor: #A16B00;
  --data-inverse-data-yellow-minor-hover: #B87A00FF;
  --data-inverse-data-yellow-minor-active: #8F5F00FF;
  --data-inverse-data-yellow-transparent: #F3A9128F;
  --data-inverse-data-yellow-transparent-hover: #F3A8127A;
  --data-inverse-data-yellow-transparent-active: #F3A81299;
  --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
  --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
  --plasma-colors-white-primary: var(--on-dark-text-primary);
  --plasma-colors-white-secondary: var(--on-dark-text-secondary);
  --plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
  --plasma-colors-black-primary: var(--on-light-text-primary);
  --plasma-colors-black-secondary: var(--on-light-text-secondary);
  --plasma-colors-black-tertiary: var(--on-light-text-tertiary);
  --plasma-colors-button-black: var(--on-light-surface-solid-default);
  --plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
  --plasma-colors-button-white: var(--on-dark-surface-solid-default);
  --plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
  --plasma-colors-text: var(--text-primary);
  --plasma-colors-primary: var(--text-primary);
  --plasma-colors-secondary: var(--text-secondary);
  --plasma-colors-tertiary: var(--text-tertiary);
  --plasma-colors-paragraph: var(--text-paragraph);
  --plasma-colors-background: var(--background-primary);
  --plasma-colors-accent: var(--text-accent);
  --plasma-colors-success: var(--text-positive);
  --plasma-colors-warning: var(--text-warning);
  --plasma-colors-critical: var(--text-negative);
  --plasma-colors-overlay: var(--overlay-soft);
  --plasma-colors-surface-liquid01: var(--surface-transparent-primary);
  --plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
  --plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
  --plasma-colors-surface-solid01: var(--surface-solid-primary);
  --plasma-colors-surface-solid02: var(--surface-solid-secondary);
  --plasma-colors-surface-solid03: var(--surface-solid-tertiary);
  --plasma-colors-surface-card: var(--surface-transparent-card);
  --plasma-colors-button-secondary: var(--surface-transparent-secondary);
  --plasma-colors-button-accent: var(--text-accent);
  --plasma-colors-button-success: var(--surface-positive);
  --plasma-colors-button-warning: var(--surface-warning);
  --plasma-colors-button-critical: var(--surface-negative);
  color: var(--text-primary);
  background-color: var(--background-primary);
}
