/* css/global.css */
.salt-theme {
  color: var(--salt-content-primary-foreground);
  font-family: var(--salt-text-fontFamily);
  font-size: var(--salt-text-fontSize);
  letter-spacing: var(--salt-text-letterSpacing);
  line-height: var(--salt-text-lineHeight);
}
.salt-theme ::selection {
  background: var(--salt-content-foreground-highlight);
}
.salt-theme[data-mode=light] {
  color-scheme: light;
}
.salt-theme[data-mode=dark] {
  color-scheme: dark;
}
.salt-visuallyHidden {
  position: absolute;
  height: 1px;
  width: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* css/foundations/alpha.css */
.salt-theme {
  --salt-color-white-10a: rgba(var(--salt-color-white-rgb), 0.1);
  --salt-color-white-20a: rgba(var(--salt-color-white-rgb), 0.2);
  --salt-color-white-30a: rgba(var(--salt-color-white-rgb), 0.3);
  --salt-color-white-40a: rgba(var(--salt-color-white-rgb), 0.4);
  --salt-color-white-50a: rgba(var(--salt-color-white-rgb), 0.5);
  --salt-color-white-60a: rgba(var(--salt-color-white-rgb), 0.6);
  --salt-color-white-70a: rgba(var(--salt-color-white-rgb), 0.7);
  --salt-color-white-80a: rgba(var(--salt-color-white-rgb), 0.8);
  --salt-color-white-90a: rgba(var(--salt-color-white-rgb), 0.9);
  --salt-color-black-10a: rgba(var(--salt-color-black-rgb), 0.1);
  --salt-color-black-20a: rgba(var(--salt-color-black-rgb), 0.2);
  --salt-color-black-30a: rgba(var(--salt-color-black-rgb), 0.3);
  --salt-color-black-40a: rgba(var(--salt-color-black-rgb), 0.4);
  --salt-color-black-50a: rgba(var(--salt-color-black-rgb), 0.5);
  --salt-color-black-60a: rgba(var(--salt-color-black-rgb), 0.6);
  --salt-color-black-70a: rgba(var(--salt-color-black-rgb), 0.7);
  --salt-color-black-80a: rgba(var(--salt-color-black-rgb), 0.8);
  --salt-color-black-90a: rgba(var(--salt-color-black-rgb), 0.9);
  --salt-color-blue-30-40a: rgba(var(--salt-color-blue-30-rgb), 0.4);
  --salt-color-blue-100-40a: rgba(var(--salt-color-blue-100-rgb), 0.4);
  --salt-color-blue-200-40a: rgba(var(--salt-color-blue-200-rgb), 0.4);
  --salt-color-blue-500-40a: rgba(var(--salt-color-blue-500-rgb), 0.4);
  --salt-color-blue-600-40a: rgba(var(--salt-color-blue-600-rgb), 0.4);
  --salt-color-blue-700-40a: rgba(var(--salt-color-blue-700-rgb), 0.4);
  --salt-color-gray-20-40a: rgba(var(--salt-color-gray-20-rgb), 0.4);
  --salt-color-gray-30-40a: rgba(var(--salt-color-gray-30-rgb), 0.4);
  --salt-color-gray-50-40a: rgba(var(--salt-color-gray-50-rgb), 0.4);
  --salt-color-gray-60-40a: rgba(var(--salt-color-gray-60-rgb), 0.4);
  --salt-color-gray-70-40a: rgba(var(--salt-color-gray-70-rgb), 0.4);
  --salt-color-gray-90-15a: rgba(var(--salt-color-gray-90-rgb), 0.15);
  --salt-color-gray-90-40a: rgba(var(--salt-color-gray-90-rgb), 0.4);
  --salt-color-gray-200-15a: rgba(var(--salt-color-gray-200-rgb), 0.15);
  --salt-color-gray-200-40a: rgba(var(--salt-color-gray-200-rgb), 0.4);
  --salt-color-gray-300-40a: rgba(var(--salt-color-gray-300-rgb), 0.4);
  --salt-color-gray-600-40a: rgba(var(--salt-color-gray-600-rgb), 0.4);
  --salt-color-gray-800-40a: rgba(var(--salt-color-gray-800-rgb), 0.4);
  --salt-color-gray-900-40a: rgba(var(--salt-color-gray-900-rgb), 0.4);
  --salt-color-green-200-40a: rgba(var(--salt-color-green-200-rgb), 0.4);
  --salt-color-green-500-40a: rgba(var(--salt-color-green-500-rgb), 0.4);
  --salt-color-green-600-40a: rgba(var(--salt-color-green-600-rgb), 0.4);
  --salt-color-orange-400-40a: rgba(var(--salt-color-orange-400-rgb), 0.4);
  --salt-color-orange-500-40a: rgba(var(--salt-color-orange-500-rgb), 0.4);
  --salt-color-orange-600-40a: rgba(var(--salt-color-orange-600-rgb), 0.4);
  --salt-color-orange-700-40a: rgba(var(--salt-color-orange-700-rgb), 0.4);
  --salt-color-orange-850-40a: rgba(var(--salt-color-orange-850-rgb), 0.4);
  --salt-color-red-200-40a: rgba(var(--salt-color-red-200-rgb), 0.4);
  --salt-color-red-500-40a: rgba(var(--salt-color-red-500-rgb), 0.4);
  --salt-color-red-600-40a: rgba(var(--salt-color-red-600-rgb), 0.4);
}

/* css/foundations/animation.css */
.salt-density-touch,
.salt-density-low,
.salt-density-medium,
.salt-density-high {
  --salt-animation-opacity-start: 0;
  --salt-animation-opacity-end: 1;
  --salt-animation-scale-start: 0;
  --salt-animation-scale-end: 1;
  --salt-animation-transform-start: 100%;
  --salt-animation-transform-end: 0;
  --salt-animation-duration: var(--salt-duration-perceptible);
  --salt-animation-timing-function: ease-in-out;
  --salt-animation-slide-in-top: slide-in-top var(--salt-animation-duration) var(--salt-animation-timing-function);
  --salt-animation-slide-in-left: slide-in-left var(--salt-animation-duration) var(--salt-animation-timing-function);
  --salt-animation-slide-in-right: slide-in-right var(--salt-animation-duration) var(--salt-animation-timing-function);
  --salt-animation-slide-in-bottom: slide-in-bottom var(--salt-animation-duration) var(--salt-animation-timing-function);
  --salt-animation-slide-out-top: slide-out-top var(--salt-animation-duration) var(--salt-animation-timing-function) both;
  --salt-animation-slide-out-left: slide-out-left var(--salt-animation-duration) var(--salt-animation-timing-function) both;
  --salt-animation-slide-out-right: slide-out-right var(--salt-animation-duration) var(--salt-animation-timing-function) both;
  --salt-animation-slide-out-bottom: slide-out-bottom var(--salt-animation-duration) var(--salt-animation-timing-function) both;
  --salt-animation-fade-in-back: fade-in-back var(--salt-animation-duration) var(--salt-animation-timing-function);
  --salt-animation-fade-in-forward: fade-in-forward var(--salt-animation-duration) var(--salt-animation-timing-function);
  --salt-animation-fade-in-center: fade-in-center var(--salt-animation-duration) var(--salt-animation-timing-function);
  --salt-animation-fade-out-back: fade-out-back var(--salt-animation-duration) ease-in-out both;
}
@keyframes slide-in-top {
  0% {
    opacity: var(--salt-animation-opacity-start);
    transform: translateY(var(--salt-animation-transform-start));
  }
  100% {
    opacity: var(--salt-animation-opacity-end);
    transform: translateY(var(--salt-animation-transform-end));
  }
}
@keyframes slide-out-top {
  0% {
    opacity: var(--salt-animation-opacity-end);
    transform: translateY(var(--salt-animation-transform-end));
  }
  100% {
    opacity: var(--salt-animation-opacity-start);
    transform: translateY(var(--salt-animation-transform-start));
  }
}
@keyframes slide-in-left {
  0% {
    opacity: var(--salt-animation-opacity-start);
    transform: translateX(calc(-1 * var(--salt-animation-transform-start)));
  }
  100% {
    opacity: var(--salt-animation-opacity-end);
    transform: translateX(var(--salt-animation-transform-end));
  }
}
@keyframes slide-out-left {
  0% {
    opacity: var(--salt-animation-opacity-end);
    transform: translateX(var(--salt-animation-transform-end));
  }
  100% {
    opacity: var(--salt-animation-opacity-start);
    transform: translateX(calc(-1 * var(--salt-animation-transform-start)));
  }
}
@keyframes slide-in-right {
  0% {
    opacity: var(--salt-animation-opacity-start);
    transform: translateX(var(--salt-animation-transform-start));
  }
  100% {
    opacity: var(--salt-animation-opacity-end);
    transform: translateX(var(--salt-animation-transform-end));
  }
}
@keyframes slide-out-right {
  0% {
    opacity: var(--salt-animation-opacity-end);
    transform: translateX(var(--salt-animation-transform-end));
  }
  100% {
    opacity: var(--salt-animation-opacity-start);
    transform: translateX(var(--salt-animation-transform-start));
  }
}
@keyframes slide-in-bottom {
  0% {
    opacity: var(--salt-animation-opacity-start);
    transform: translateY(calc(-1 * var(--salt-animation-transform-start)));
  }
  100% {
    opacity: var(--salt-animation-opacity-end);
    transform: translateY(var(--salt-animation-transform-end));
  }
}
@keyframes slide-out-bottom {
  0% {
    opacity: var(--salt-animation-opacity-end);
    transform: translateY(var(--salt-animation-transform-end));
  }
  100% {
    opacity: var(--salt-animation-opacity-start);
    transform: translateY(calc(-1 * var(--salt-animation-transform-start)));
  }
}
@keyframes fade-in-back {
  0% {
    --salt-animation-scale-start: 1.4;
    opacity: var(--salt-animation-opacity-start);
    transform: scale(var(--salt-animation-scale-start));
  }
  100% {
    opacity: var(--salt-animation-opacity-end);
    transform: scale(var(--salt-animation-scale-end));
  }
}
@keyframes fade-in-forward {
  0% {
    --salt-animation-scale-start: 0.6;
    opacity: var(--salt-animation-opacity-start);
    transform: scale(var(--salt-animation-scale-start));
  }
  100% {
    opacity: var(--salt-animation-opacity-end);
    transform: scale(var(--salt-animation-scale-end));
  }
}
@keyframes fade-in-center {
  0% {
    opacity: var(--salt-animation-opacity-start);
  }
  100% {
    opacity: var(--salt-animation-opacity-end);
  }
}
@keyframes fade-out-back {
  0% {
    opacity: var(--salt-animation-opacity-end);
  }
  100% {
    opacity: var(--salt-animation-opacity-start);
  }
}

/* css/foundations/color.css */
.salt-theme {
  --salt-color-white-rgb:
    255,
    255,
    255;
  --salt-color-black-rgb:
    0,
    0,
    0;
  --salt-color-red-10-rgb:
    255,
    227,
    224;
  --salt-color-red-20-rgb:
    255,
    207,
    201;
  --salt-color-red-30-rgb:
    255,
    187,
    178;
  --salt-color-red-40-rgb:
    255,
    167,
    156;
  --salt-color-red-50-rgb:
    255,
    148,
    133;
  --salt-color-red-100-rgb:
    255,
    128,
    111;
  --salt-color-red-200-rgb:
    255,
    108,
    88;
  --salt-color-red-300-rgb:
    255,
    89,
    66;
  --salt-color-red-400-rgb:
    237,
    65,
    42;
  --salt-color-red-500-rgb:
    227,
    43,
    22;
  --salt-color-red-600-rgb:
    196,
    32,
    16;
  --salt-color-red-700-rgb:
    166,
    21,
    11;
  --salt-color-red-800-rgb:
    136,
    10,
    5;
  --salt-color-red-900-rgb:
    65,
    37,
    34;
  --salt-color-orange-10-rgb:
    255,
    232,
    191;
  --salt-color-orange-20-rgb:
    254,
    223,
    166;
  --salt-color-orange-30-rgb:
    254,
    214,
    142;
  --salt-color-orange-40-rgb:
    254,
    205,
    118;
  --salt-color-orange-50-rgb:
    254,
    197,
    94;
  --salt-color-orange-100-rgb:
    250,
    181,
    81;
  --salt-color-orange-200-rgb:
    246,
    165,
    68;
  --salt-color-orange-300-rgb:
    242,
    149,
    56;
  --salt-color-orange-400-rgb:
    238,
    133,
    43;
  --salt-color-orange-500-rgb:
    234,
    115,
    25;
  --salt-color-orange-600-rgb:
    224,
    101,
    25;
  --salt-color-orange-700-rgb:
    214,
    85,
    19;
  --salt-color-orange-800-rgb:
    204,
    68,
    13;
  --salt-color-orange-850-rgb:
    194,
    52,
    7;
  --salt-color-orange-900-rgb:
    54,
    44,
    36;
  --salt-color-green-10-rgb:
    209,
    244,
    201;
  --salt-color-green-20-rgb:
    184,
    232,
    182;
  --salt-color-green-30-rgb:
    160,
    221,
    164;
  --salt-color-green-40-rgb:
    136,
    210,
    145;
  --salt-color-green-50-rgb:
    112,
    199,
    127;
  --salt-color-green-100-rgb:
    93,
    189,
    116;
  --salt-color-green-200-rgb:
    77,
    180,
    105;
  --salt-color-green-300-rgb:
    60,
    171,
    96;
  --salt-color-green-400-rgb:
    48,
    156,
    90;
  --salt-color-green-500-rgb:
    36,
    135,
    75;
  --salt-color-green-600-rgb:
    24,
    114,
    61;
  --salt-color-green-700-rgb:
    12,
    93,
    46;
  --salt-color-green-800-rgb:
    1,
    73,
    32;
  --salt-color-green-900-rgb:
    35,
    52,
    43;
  --salt-color-teal-10-rgb:
    218,
    240,
    240;
  --salt-color-teal-20-rgb:
    199,
    232,
    232;
  --salt-color-teal-30-rgb:
    180,
    224,
    225;
  --salt-color-teal-40-rgb:
    162,
    217,
    218;
  --salt-color-teal-50-rgb:
    141,
    205,
    209;
  --salt-color-teal-100-rgb:
    123,
    193,
    200;
  --salt-color-teal-200-rgb:
    99,
    181,
    192;
  --salt-color-teal-300-rgb:
    73,
    160,
    172;
  --salt-color-teal-400-rgb:
    48,
    149,
    166;
  --salt-color-teal-500-rgb:
    0,
    130,
    151;
  --salt-color-teal-600-rgb:
    27,
    107,
    133;
  --salt-color-teal-700-rgb:
    0,
    85,
    113;
  --salt-color-teal-800-rgb:
    1,
    65,
    86;
  --salt-color-teal-900-rgb:
    0,
    49,
    76;
  --salt-color-blue-10-rgb:
    203,
    231,
    249;
  --salt-color-blue-20-rgb:
    183,
    222,
    246;
  --salt-color-blue-30-rgb:
    164,
    213,
    244;
  --salt-color-blue-40-rgb:
    144,
    204,
    242;
  --salt-color-blue-50-rgb:
    125,
    195,
    240;
  --salt-color-blue-100-rgb:
    100,
    177,
    228;
  --salt-color-blue-200-rgb:
    75,
    159,
    216;
  --salt-color-blue-300-rgb:
    51,
    141,
    205;
  --salt-color-blue-400-rgb:
    46,
    132,
    198;
  --salt-color-blue-500-rgb:
    38,
    112,
    169;
  --salt-color-blue-600-rgb:
    21,
    92,
    147;
  --salt-color-blue-700-rgb:
    0,
    71,
    123;
  --salt-color-blue-800-rgb:
    39,
    60,
    77;
  --salt-color-blue-900-rgb:
    35,
    47,
    56;
  --salt-color-purple-10-rgb:
    249,
    224,
    247;
  --salt-color-purple-20-rgb:
    247,
    212,
    244;
  --salt-color-purple-30-rgb:
    245,
    201,
    241;
  --salt-color-purple-40-rgb:
    243,
    189,
    238;
  --salt-color-purple-50-rgb:
    241,
    178,
    235;
  --salt-color-purple-100-rgb:
    223,
    156,
    225;
  --salt-color-purple-200-rgb:
    205,
    135,
    215;
  --salt-color-purple-300-rgb:
    192,
    116,
    203;
  --salt-color-purple-400-rgb:
    169,
    97,
    181;
  --salt-color-purple-500-rgb:
    150,
    78,
    162;
  --salt-color-purple-600-rgb:
    129,
    60,
    141;
  --salt-color-purple-700-rgb:
    103,
    46,
    122;
  --salt-color-purple-800-rgb:
    83,
    37,
    109;
  --salt-color-purple-900-rgb:
    59,
    16,
    84;
  --salt-color-gray-10-rgb:
    242,
    244,
    246;
  --salt-color-gray-20-rgb:
    234,
    237,
    239;
  --salt-color-gray-30-rgb:
    224,
    228,
    233;
  --salt-color-gray-40-rgb:
    217,
    221,
    227;
  --salt-color-gray-50-rgb:
    206,
    210,
    217;
  --salt-color-gray-60-rgb:
    197,
    201,
    208;
  --salt-color-gray-70-rgb:
    180,
    183,
    190;
  --salt-color-gray-80-rgb:
    159,
    163,
    170;
  --salt-color-gray-90-rgb:
    132,
    135,
    142;
  --salt-color-gray-100-rgb:
    116,
    119,
    127;
  --salt-color-gray-200-rgb:
    97,
    101,
    110;
  --salt-color-gray-300-rgb:
    76,
    80,
    91;
  --salt-color-gray-400-rgb:
    68,
    72,
    79;
  --salt-color-gray-500-rgb:
    59,
    63,
    70;
  --salt-color-gray-600-rgb:
    47,
    49,
    54;
  --salt-color-gray-700-rgb:
    42,
    44,
    47;
  --salt-color-gray-800-rgb:
    36,
    37,
    38;
  --salt-color-gray-900-rgb:
    22,
    22,
    22;
  --salt-color-white: rgb(var(--salt-color-white-rgb));
  --salt-color-black: rgb(var(--salt-color-black-rgb));
  --salt-color-red-10: rgb(var(--salt-color-red-10-rgb));
  --salt-color-red-20: rgb(var(--salt-color-red-20-rgb));
  --salt-color-red-30: rgb(var(--salt-color-red-30-rgb));
  --salt-color-red-40: rgb(var(--salt-color-red-40-rgb));
  --salt-color-red-50: rgb(var(--salt-color-red-50-rgb));
  --salt-color-red-100: rgb(var(--salt-color-red-100-rgb));
  --salt-color-red-200: rgb(var(--salt-color-red-200-rgb));
  --salt-color-red-300: rgb(var(--salt-color-red-300-rgb));
  --salt-color-red-400: rgb(var(--salt-color-red-400-rgb));
  --salt-color-red-500: rgb(var(--salt-color-red-500-rgb));
  --salt-color-red-600: rgb(var(--salt-color-red-600-rgb));
  --salt-color-red-700: rgb(var(--salt-color-red-700-rgb));
  --salt-color-red-800: rgb(var(--salt-color-red-800-rgb));
  --salt-color-red-900: rgb(var(--salt-color-red-900-rgb));
  --salt-color-orange-10: rgb(var(--salt-color-orange-10-rgb));
  --salt-color-orange-20: rgb(var(--salt-color-orange-20-rgb));
  --salt-color-orange-30: rgb(var(--salt-color-orange-30-rgb));
  --salt-color-orange-40: rgb(var(--salt-color-orange-40-rgb));
  --salt-color-orange-50: rgb(var(--salt-color-orange-50-rgb));
  --salt-color-orange-100: rgb(var(--salt-color-orange-100-rgb));
  --salt-color-orange-200: rgb(var(--salt-color-orange-200-rgb));
  --salt-color-orange-300: rgb(var(--salt-color-orange-300-rgb));
  --salt-color-orange-400: rgb(var(--salt-color-orange-400-rgb));
  --salt-color-orange-500: rgb(var(--salt-color-orange-500-rgb));
  --salt-color-orange-600: rgb(var(--salt-color-orange-600-rgb));
  --salt-color-orange-700: rgb(var(--salt-color-orange-700-rgb));
  --salt-color-orange-800: rgb(var(--salt-color-orange-800-rgb));
  --salt-color-orange-850: rgb(var(--salt-color-orange-850-rgb));
  --salt-color-orange-900: rgb(var(--salt-color-orange-900-rgb));
  --salt-color-green-10: rgb(var(--salt-color-green-10-rgb));
  --salt-color-green-20: rgb(var(--salt-color-green-20-rgb));
  --salt-color-green-30: rgb(var(--salt-color-green-30-rgb));
  --salt-color-green-40: rgb(var(--salt-color-green-40-rgb));
  --salt-color-green-50: rgb(var(--salt-color-green-50-rgb));
  --salt-color-green-100: rgb(var(--salt-color-green-100-rgb));
  --salt-color-green-200: rgb(var(--salt-color-green-200-rgb));
  --salt-color-green-300: rgb(var(--salt-color-green-300-rgb));
  --salt-color-green-400: rgb(var(--salt-color-green-400-rgb));
  --salt-color-green-500: rgb(var(--salt-color-green-500-rgb));
  --salt-color-green-600: rgb(var(--salt-color-green-600-rgb));
  --salt-color-green-700: rgb(var(--salt-color-green-700-rgb));
  --salt-color-green-800: rgb(var(--salt-color-green-800-rgb));
  --salt-color-green-900: rgb(var(--salt-color-green-900-rgb));
  --salt-color-teal-10: rgb(var(--salt-color-teal-10-rgb));
  --salt-color-teal-20: rgb(var(--salt-color-teal-20-rgb));
  --salt-color-teal-30: rgb(var(--salt-color-teal-30-rgb));
  --salt-color-teal-40: rgb(var(--salt-color-teal-40-rgb));
  --salt-color-teal-50: rgb(var(--salt-color-teal-50-rgb));
  --salt-color-teal-100: rgb(var(--salt-color-teal-100-rgb));
  --salt-color-teal-200: rgb(var(--salt-color-teal-200-rgb));
  --salt-color-teal-300: rgb(var(--salt-color-teal-300-rgb));
  --salt-color-teal-400: rgb(var(--salt-color-teal-400-rgb));
  --salt-color-teal-500: rgb(var(--salt-color-teal-500-rgb));
  --salt-color-teal-600: rgb(var(--salt-color-teal-600-rgb));
  --salt-color-teal-700: rgb(var(--salt-color-teal-700-rgb));
  --salt-color-teal-800: rgb(var(--salt-color-teal-800-rgb));
  --salt-color-teal-900: rgb(var(--salt-color-teal-900-rgb));
  --salt-color-blue-10: rgb(var(--salt-color-blue-10-rgb));
  --salt-color-blue-20: rgb(var(--salt-color-blue-20-rgb));
  --salt-color-blue-30: rgb(var(--salt-color-blue-30-rgb));
  --salt-color-blue-40: rgb(var(--salt-color-blue-40-rgb));
  --salt-color-blue-50: rgb(var(--salt-color-blue-50-rgb));
  --salt-color-blue-100: rgb(var(--salt-color-blue-100-rgb));
  --salt-color-blue-200: rgb(var(--salt-color-blue-200-rgb));
  --salt-color-blue-300: rgb(var(--salt-color-blue-300-rgb));
  --salt-color-blue-400: rgb(var(--salt-color-blue-400-rgb));
  --salt-color-blue-500: rgb(var(--salt-color-blue-500-rgb));
  --salt-color-blue-600: rgb(var(--salt-color-blue-600-rgb));
  --salt-color-blue-700: rgb(var(--salt-color-blue-700-rgb));
  --salt-color-blue-800: rgb(var(--salt-color-blue-800-rgb));
  --salt-color-blue-900: rgb(var(--salt-color-blue-900-rgb));
  --salt-color-purple-10: rgb(var(--salt-color-purple-10-rgb));
  --salt-color-purple-20: rgb(var(--salt-color-purple-20-rgb));
  --salt-color-purple-30: rgb(var(--salt-color-purple-30-rgb));
  --salt-color-purple-40: rgb(var(--salt-color-purple-40-rgb));
  --salt-color-purple-50: rgb(var(--salt-color-purple-50-rgb));
  --salt-color-purple-100: rgb(var(--salt-color-purple-100-rgb));
  --salt-color-purple-200: rgb(var(--salt-color-purple-200-rgb));
  --salt-color-purple-300: rgb(var(--salt-color-purple-300-rgb));
  --salt-color-purple-400: rgb(var(--salt-color-purple-400-rgb));
  --salt-color-purple-500: rgb(var(--salt-color-purple-500-rgb));
  --salt-color-purple-600: rgb(var(--salt-color-purple-600-rgb));
  --salt-color-purple-700: rgb(var(--salt-color-purple-700-rgb));
  --salt-color-purple-800: rgb(var(--salt-color-purple-800-rgb));
  --salt-color-purple-900: rgb(var(--salt-color-purple-900-rgb));
  --salt-color-gray-10: rgb(var(--salt-color-gray-10-rgb));
  --salt-color-gray-20: rgb(var(--salt-color-gray-20-rgb));
  --salt-color-gray-30: rgb(var(--salt-color-gray-30-rgb));
  --salt-color-gray-40: rgb(var(--salt-color-gray-40-rgb));
  --salt-color-gray-50: rgb(var(--salt-color-gray-50-rgb));
  --salt-color-gray-60: rgb(var(--salt-color-gray-60-rgb));
  --salt-color-gray-70: rgb(var(--salt-color-gray-70-rgb));
  --salt-color-gray-80: rgb(var(--salt-color-gray-80-rgb));
  --salt-color-gray-90: rgb(var(--salt-color-gray-90-rgb));
  --salt-color-gray-100: rgb(var(--salt-color-gray-100-rgb));
  --salt-color-gray-200: rgb(var(--salt-color-gray-200-rgb));
  --salt-color-gray-300: rgb(var(--salt-color-gray-300-rgb));
  --salt-color-gray-400: rgb(var(--salt-color-gray-400-rgb));
  --salt-color-gray-500: rgb(var(--salt-color-gray-500-rgb));
  --salt-color-gray-600: rgb(var(--salt-color-gray-600-rgb));
  --salt-color-gray-700: rgb(var(--salt-color-gray-700-rgb));
  --salt-color-gray-800: rgb(var(--salt-color-gray-800-rgb));
  --salt-color-gray-900: rgb(var(--salt-color-gray-900-rgb));
  --salt-color-cobalt-100: rgb(237, 244, 255);
  --salt-color-cobalt-200: rgb(198, 211, 239);
  --salt-color-cobalt-300: rgb(159, 179, 223);
  --salt-color-cobalt-400: rgb(118, 148, 207);
  --salt-color-cobalt-500: rgb(70, 118, 191);
  --salt-color-cobalt-600: rgb(53, 95, 161);
  --salt-color-cobalt-700: rgb(36, 72, 133);
  --salt-color-cobalt-800: rgb(19, 51, 105);
  --salt-color-cobalt-900: rgb(0, 31, 79);
  --salt-color-cider-100: rgb(255, 235, 217);
  --salt-color-cider-200: rgb(255, 201, 158);
  --salt-color-cider-300: rgb(242, 172, 116);
  --salt-color-cider-400: rgb(219, 138, 72);
  --salt-color-cider-500: rgb(171, 101, 40);
  --salt-color-cider-600: rgb(143, 82, 31);
  --salt-color-cider-700: rgb(116, 64, 21);
  --salt-color-cider-800: rgb(90, 47, 13);
  --salt-color-cider-900: rgb(66, 31, 0);
  --salt-color-plum-100: rgb(245, 224, 255);
  --salt-color-plum-200: rgb(230, 185, 250);
  --salt-color-plum-300: rgb(209, 148, 235);
  --salt-color-plum-400: rgb(188, 115, 222);
  --salt-color-plum-500: rgb(159, 85, 194);
  --salt-color-plum-600: rgb(131, 67, 161);
  --salt-color-plum-700: rgb(105, 50, 130);
  --salt-color-plum-800: rgb(79, 34, 100);
  --salt-color-plum-900: rgb(55, 18, 71);
  --salt-color-aqua-100: rgb(220, 247, 247);
  --salt-color-aqua-200: rgb(177, 229, 229);
  --salt-color-aqua-300: rgb(135, 200, 201);
  --salt-color-aqua-400: rgb(90, 171, 173);
  --salt-color-aqua-500: rgb(42, 130, 133);
  --salt-color-aqua-600: rgb(31, 109, 111);
  --salt-color-aqua-700: rgb(19, 88, 90);
  --salt-color-aqua-800: rgb(8, 68, 70);
  --salt-color-aqua-900: rgb(0, 49, 51);
  --salt-color-slate-100: rgb(225, 232, 247);
  --salt-color-slate-200: rgb(194, 202, 221);
  --salt-color-slate-300: rgb(164, 173, 196);
  --salt-color-slate-400: rgb(134, 145, 172);
  --salt-color-slate-500: rgb(105, 118, 148);
  --salt-color-slate-600: rgb(84, 95, 122);
  --salt-color-slate-700: rgb(64, 73, 97);
  --salt-color-slate-800: rgb(44, 53, 74);
  --salt-color-slate-900: rgb(26, 33, 51);
  --salt-color-rose-100: rgb(255, 227, 249);
  --salt-color-rose-200: rgb(250, 190, 237);
  --salt-color-rose-300: rgb(229, 154, 212);
  --salt-color-rose-400: rgb(209, 117, 189);
  --salt-color-rose-500: rgb(176, 84, 157);
  --salt-color-rose-600: rgb(146, 67, 130);
  --salt-color-rose-700: rgb(118, 50, 104);
  --salt-color-rose-800: rgb(90, 32, 78);
  --salt-color-rose-900: rgb(64, 16, 54);
  --salt-color-olive-100: rgb(234, 240, 223);
  --salt-color-olive-200: rgb(210, 222, 184);
  --salt-color-olive-300: rgb(180, 194, 149);
  --salt-color-olive-400: rgb(149, 166, 113);
  --salt-color-olive-500: rgb(109, 124, 77);
  --salt-color-olive-600: rgb(88, 103, 58);
  --salt-color-olive-700: rgb(68, 83, 39);
  --salt-color-olive-800: rgb(49, 64, 21);
  --salt-color-olive-900: rgb(31, 46, 0);
  --salt-color-salmon-100: rgb(255, 232, 233);
  --salt-color-salmon-200: rgb(255, 194, 194);
  --salt-color-salmon-300: rgb(240, 155, 153);
  --salt-color-salmon-400: rgb(222, 120, 120);
  --salt-color-salmon-500: rgb(189, 85, 88);
  --salt-color-salmon-600: rgb(154, 64, 67);
  --salt-color-salmon-700: rgb(121, 44, 48);
  --salt-color-salmon-800: rgb(89, 25, 29);
  --salt-color-salmon-900: rgb(59, 6, 8);
  --salt-color-indigo-100: rgb(231, 227, 255);
  --salt-color-indigo-200: rgb(208, 194, 252);
  --salt-color-indigo-300: rgb(180, 162, 242);
  --salt-color-indigo-400: rgb(149, 129, 229);
  --salt-color-indigo-500: rgb(118, 101, 207);
  --salt-color-indigo-600: rgb(98, 85, 170);
  --salt-color-indigo-700: rgb(77, 66, 135);
  --salt-color-indigo-800: rgb(57, 49, 102);
  --salt-color-indigo-900: rgb(38, 32, 71);
  --salt-color-jade-100: rgb(225, 245, 230);
  --salt-color-jade-200: rgb(179, 229, 187);
  --salt-color-jade-300: rgb(137, 201, 146);
  --salt-color-jade-400: rgb(92, 173, 106);
  --salt-color-jade-500: rgb(45, 133, 67);
  --salt-color-jade-600: rgb(33, 111, 53);
  --salt-color-jade-700: rgb(21, 90, 39);
  --salt-color-jade-800: rgb(8, 70, 26);
  --salt-color-jade-900: rgb(0, 51, 13);
  --salt-color-citrine-100: rgb(255, 249, 217);
  --salt-color-citrine-200: rgb(240, 225, 165);
  --salt-color-citrine-300: rgb(209, 189, 115);
  --salt-color-citrine-400: rgb(178, 156, 66);
  --salt-color-citrine-500: rgb(135, 116, 16);
  --salt-color-citrine-600: rgb(114, 98, 12);
  --salt-color-citrine-700: rgb(94, 80, 9);
  --salt-color-citrine-800: rgb(74, 63, 6);
  --salt-color-citrine-900: rgb(51, 43, 0);
  --salt-color-autumn-100: rgb(255, 233, 217);
  --salt-color-autumn-200: rgb(255, 197, 161);
  --salt-color-autumn-300: rgb(242, 163, 114);
  --salt-color-autumn-400: rgb(222, 126, 64);
  --salt-color-autumn-500: rgb(189, 90, 19);
  --salt-color-autumn-600: rgb(153, 73, 18);
  --salt-color-autumn-700: rgb(119, 55, 14);
  --salt-color-autumn-800: rgb(86, 39, 10);
  --salt-color-autumn-900: rgb(56, 23, 0);
  --salt-color-lavender-100: rgb(250, 235, 250);
  --salt-color-lavender-200: rgb(237, 199, 237);
  --salt-color-lavender-300: rgb(212, 167, 212);
  --salt-color-lavender-400: rgb(186, 134, 186);
  --salt-color-lavender-500: rgb(148, 102, 148);
  --salt-color-lavender-600: rgb(126, 80, 126);
  --salt-color-lavender-700: rgb(105, 58, 105);
  --salt-color-lavender-800: rgb(84, 37, 84);
  --salt-color-lavender-900: rgb(64, 15, 64);
  --salt-color-ocean-100: rgb(227, 251, 255);
  --salt-color-ocean-200: rgb(180, 229, 240);
  --salt-color-ocean-300: rgb(131, 197, 212);
  --salt-color-ocean-400: rgb(80, 167, 186);
  --salt-color-ocean-500: rgb(0, 128, 148);
  --salt-color-ocean-600: rgb(0, 106, 122);
  --salt-color-ocean-700: rgb(0, 84, 97);
  --salt-color-ocean-800: rgb(0, 64, 74);
  --salt-color-ocean-900: rgb(0, 44, 51);
  --salt-color-smoke-100: rgb(242, 245, 250);
  --salt-color-smoke-200: rgb(208, 211, 216);
  --salt-color-smoke-300: rgb(176, 179, 184);
  --salt-color-smoke-400: rgb(144, 147, 152);
  --salt-color-smoke-500: rgb(114, 117, 122);
  --salt-color-smoke-600: rgb(93, 96, 101);
  --salt-color-smoke-700: rgb(73, 76, 81);
  --salt-color-smoke-800: rgb(53, 56, 61);
  --salt-color-smoke-900: rgb(35, 38, 43);
  --salt-color-fuchsia-100: rgb(255, 232, 247);
  --salt-color-fuchsia-200: rgb(255, 191, 229);
  --salt-color-fuchsia-300: rgb(240, 151, 203);
  --salt-color-fuchsia-400: rgb(222, 109, 178);
  --salt-color-fuchsia-500: rgb(194, 71, 149);
  --salt-color-fuchsia-600: rgb(167, 54, 125);
  --salt-color-fuchsia-700: rgb(140, 37, 101);
  --salt-color-fuchsia-800: rgb(114, 19, 79);
  --salt-color-fuchsia-900: rgb(89, 0, 57);
  --salt-color-lime-100: rgb(239, 245, 220);
  --salt-color-lime-200: rgb(215, 227, 168);
  --salt-color-lime-300: rgb(182, 196, 120);
  --salt-color-lime-400: rgb(146, 166, 71);
  --salt-color-lime-500: rgb(102, 125, 21);
  --salt-color-lime-600: rgb(85, 106, 16);
  --salt-color-lime-700: rgb(69, 87, 11);
  --salt-color-lime-800: rgb(53, 68, 6);
  --salt-color-lime-900: rgb(36, 46, 0);
  --salt-color-fur-100: rgb(255, 244, 235);
  --salt-color-fur-200: rgb(245, 214, 191);
  --salt-color-fur-300: rgb(219, 178, 147);
  --salt-color-fur-400: rgb(194, 144, 107);
  --salt-color-fur-500: rgb(153, 106, 69);
  --salt-color-fur-600: rgb(130, 85, 52);
  --salt-color-fur-700: rgb(107, 65, 36);
  --salt-color-fur-800: rgb(85, 46, 20);
  --salt-color-fur-900: rgb(64, 28, 0);
  --salt-color-violet-100: rgb(237, 239, 255);
  --salt-color-violet-200: rgb(202, 203, 252);
  --salt-color-violet-300: rgb(167, 169, 235);
  --salt-color-violet-400: rgb(134, 139, 219);
  --salt-color-violet-500: rgb(99, 110, 191);
  --salt-color-violet-600: rgb(81, 90, 159);
  --salt-color-violet-700: rgb(63, 71, 128);
  --salt-color-violet-800: rgb(47, 53, 99);
  --salt-color-violet-900: rgb(31, 36, 71);
  --salt-color-forest-100: rgb(237, 250, 245);
  --salt-color-forest-200: rgb(188, 232, 211);
  --salt-color-forest-300: rgb(141, 204, 174);
  --salt-color-forest-400: rgb(91, 176, 136);
  --salt-color-forest-500: rgb(35, 133, 94);
  --salt-color-forest-600: rgb(25, 111, 77);
  --salt-color-forest-700: rgb(15, 90, 61);
  --salt-color-forest-800: rgb(6, 70, 46);
  --salt-color-forest-900: rgb(0, 51, 31);
}

/* css/foundations/curve.css */
.salt-density-high {
  --salt-curve-0: 0;
  --salt-curve-50: 1px;
  --salt-curve-100: 2px;
  --salt-curve-150: 3px;
  --salt-curve-200: 4px;
  --salt-curve-250: 5px;
  --salt-curve-999: 999px;
}
.salt-density-medium {
  --salt-curve-0: 0;
  --salt-curve-50: 2px;
  --salt-curve-100: 4px;
  --salt-curve-150: 6px;
  --salt-curve-200: 8px;
  --salt-curve-250: 10px;
  --salt-curve-999: 999px;
}
.salt-density-low {
  --salt-curve-0: 0;
  --salt-curve-50: 3px;
  --salt-curve-100: 6px;
  --salt-curve-150: 9px;
  --salt-curve-200: 12px;
  --salt-curve-250: 15px;
  --salt-curve-999: 999px;
}
.salt-density-touch {
  --salt-curve-0: 0;
  --salt-curve-50: 4px;
  --salt-curve-100: 8px;
  --salt-curve-150: 12px;
  --salt-curve-200: 16px;
  --salt-curve-250: 20px;
  --salt-curve-999: 999px;
}

/* css/foundations/duration.css */
.salt-theme {
  --salt-duration-instant: 0ms;
  --salt-duration-perceptible: 300ms;
  --salt-duration-notable: 1000ms;
  --salt-duration-cutoff: 10000ms;
}

/* css/foundations/shadow.css */
.salt-theme[data-mode=light] {
  --salt-shadow-100-color: rgba(0, 0, 0, 0.1);
  --salt-shadow-200-color: rgba(0, 0, 0, 0.1);
  --salt-shadow-300-color: rgba(0, 0, 0, 0.15);
  --salt-shadow-400-color: rgba(0, 0, 0, 0.2);
  --salt-shadow-500-color: rgba(0, 0, 0, 0.3);
}
.salt-theme[data-mode=dark] {
  --salt-shadow-100-color: rgba(0, 0, 0, 0.5);
  --salt-shadow-200-color: rgba(0, 0, 0, 0.5);
  --salt-shadow-300-color: rgba(0, 0, 0, 0.55);
  --salt-shadow-400-color: rgba(0, 0, 0, 0.55);
  --salt-shadow-500-color: rgba(0, 0, 0, 0.65);
}
.salt-theme {
  --salt-shadow-100: 0 1px 3px 0 var(--salt-shadow-100-color);
  --salt-shadow-200: 0 2px 4px 0 var(--salt-shadow-200-color);
  --salt-shadow-300: 0 4px 8px 0 var(--salt-shadow-300-color);
  --salt-shadow-400: 0 6px 10px 0 var(--salt-shadow-400-color);
  --salt-shadow-500: 0 12px 40px 0 var(--salt-shadow-500-color);
}

/* css/foundations/size.css */
.salt-density-high {
  --salt-size-adornment: 6px;
  --salt-size-bar: 2px;
  --salt-size-base: 20px;
  --salt-size-border: 1px;
  --salt-size-icon: 10px;
  --salt-size-indicator: 2px;
  --salt-size-selectable: 12px;
  --salt-size-bar-strong: 4px;
  --salt-size-bar-small: 2px;
  --salt-size-border-strong: 2px;
}
.salt-density-medium {
  --salt-size-adornment: 8px;
  --salt-size-bar: 4px;
  --salt-size-base: 28px;
  --salt-size-border: 1px;
  --salt-size-icon: 12px;
  --salt-size-indicator: 3px;
  --salt-size-selectable: 14px;
  --salt-size-bar-strong: 8px;
  --salt-size-bar-small: 2px;
  --salt-size-border-strong: 2px;
}
.salt-density-low {
  --salt-size-adornment: 10px;
  --salt-size-bar: 6px;
  --salt-size-base: 36px;
  --salt-size-border: 1px;
  --salt-size-icon: 14px;
  --salt-size-indicator: 4px;
  --salt-size-selectable: 16px;
  --salt-size-bar-strong: 12px;
  --salt-size-bar-small: 2px;
  --salt-size-border-strong: 2px;
}
.salt-density-touch {
  --salt-size-adornment: 12px;
  --salt-size-bar: 8px;
  --salt-size-base: 44px;
  --salt-size-border: 1px;
  --salt-size-icon: 16px;
  --salt-size-indicator: 5px;
  --salt-size-selectable: 18px;
  --salt-size-bar-strong: 16px;
  --salt-size-bar-small: 2px;
  --salt-size-border-strong: 2px;
}

/* css/foundations/spacing.css */
.salt-density-touch {
  --salt-spacing-100: 16px;
}
.salt-density-low {
  --salt-spacing-100: 12px;
}
.salt-density-medium {
  --salt-spacing-100: 8px;
}
.salt-density-high {
  --salt-spacing-100: 4px;
}
.salt-density-touch,
.salt-density-low,
.salt-density-medium,
.salt-density-high {
  --salt-spacing-25: calc(0.25 * var(--salt-spacing-100));
  --salt-spacing-50: calc(0.5 * var(--salt-spacing-100));
  --salt-spacing-75: calc(0.75 * var(--salt-spacing-100));
  --salt-spacing-150: calc(1.5 * var(--salt-spacing-100));
  --salt-spacing-200: calc(2 * var(--salt-spacing-100));
  --salt-spacing-250: calc(2.5 * var(--salt-spacing-100));
  --salt-spacing-300: calc(3 * var(--salt-spacing-100));
  --salt-spacing-350: calc(3.5 * var(--salt-spacing-100));
  --salt-spacing-400: calc(4 * var(--salt-spacing-100));
  --salt-spacing-450: calc(4.5 * var(--salt-spacing-100));
  --salt-spacing-500: calc(5 * var(--salt-spacing-100));
  --salt-spacing-550: calc(5.5 * var(--salt-spacing-100));
  --salt-spacing-600: calc(6 * var(--salt-spacing-100));
  --salt-spacing-650: calc(6.5 * var(--salt-spacing-100));
  --salt-spacing-700: calc(7 * var(--salt-spacing-100));
  --salt-spacing-750: calc(7.5 * var(--salt-spacing-100));
  --salt-spacing-800: calc(8 * var(--salt-spacing-100));
  --salt-spacing-850: calc(8.5 * var(--salt-spacing-100));
  --salt-spacing-900: calc(9 * var(--salt-spacing-100));
  --salt-spacing-950: calc(9.5 * var(--salt-spacing-100));
}

/* css/foundations/typography.css */
.salt-theme {
  --salt-typography-fontFamily-openSans: "Open Sans";
  --salt-typography-fontFamily-amplitude: "Amplitude";
  --salt-typography-fontFamily-ptMono: "PT Mono";
  --salt-typography-fontWeight-light: 300;
  --salt-typography-fontWeight-regular: 400;
  --salt-typography-fontWeight-medium: 500;
  --salt-typography-fontWeight-semiBold: 600;
  --salt-typography-fontWeight-bold: 700;
  --salt-typography-fontWeight-extraBold: 800;
  --salt-typography-textDecoration-none: none;
  --salt-typography-textDecoration-underline: underline;
}

/* css/foundations/zindex.css */
.salt-density-touch,
.salt-density-low,
.salt-density-medium,
.salt-density-high {
  --salt-zIndex-default: 1;
  --salt-zIndex-popout: 1000;
  --salt-zIndex-appHeader: 1100;
  --salt-zIndex-drawer: 1200;
  --salt-zIndex-modal: 1300;
  --salt-zIndex-notification: 1400;
  --salt-zIndex-dragObject: 1420;
  --salt-zIndex-contextMenu: 1450;
  --salt-zIndex-flyover: 1500;
}

/* css/palette/alpha.css */
.salt-theme[data-mode=light] {
  --salt-palette-alpha-highest: var(--salt-color-white-90a);
  --salt-palette-alpha-higher: var(--salt-color-white-80a);
  --salt-palette-alpha-high: var(--salt-color-white-70a);
  --salt-palette-alpha-mediumHigh: var(--salt-color-white-60a);
  --salt-palette-alpha-medium: var(--salt-color-white-50a);
  --salt-palette-alpha-mediumLow: var(--salt-color-white-40a);
  --salt-palette-alpha-low: var(--salt-color-white-30a);
  --salt-palette-alpha-lower: var(--salt-color-white-20a);
  --salt-palette-alpha-lowest: var(--salt-color-white-10a);
  --salt-palette-alpha-contrast-highest: var(--salt-color-black-90a);
  --salt-palette-alpha-contrast-higher: var(--salt-color-black-80a);
  --salt-palette-alpha-contrast-high: var(--salt-color-black-70a);
  --salt-palette-alpha-contrast-mediumHigh: var(--salt-color-black-60a);
  --salt-palette-alpha-contrast-medium: var(--salt-color-black-50a);
  --salt-palette-alpha-contrast-mediumLow: var(--salt-color-black-40a);
  --salt-palette-alpha-contrast-low: var(--salt-color-black-30a);
  --salt-palette-alpha-contrast-lower: var(--salt-color-black-20a);
  --salt-palette-alpha-contrast-lowest: var(--salt-color-black-10a);
  --salt-palette-alpha-none: transparent;
}
.salt-theme[data-mode=dark] {
  --salt-palette-alpha-highest: var(--salt-color-black-90a);
  --salt-palette-alpha-higher: var(--salt-color-black-80a);
  --salt-palette-alpha-high: var(--salt-color-black-70a);
  --salt-palette-alpha-mediumHigh: var(--salt-color-black-60a);
  --salt-palette-alpha-medium: var(--salt-color-black-50a);
  --salt-palette-alpha-mediumLow: var(--salt-color-black-40a);
  --salt-palette-alpha-low: var(--salt-color-black-30a);
  --salt-palette-alpha-lower: var(--salt-color-black-20a);
  --salt-palette-alpha-lowest: var(--salt-color-black-10a);
  --salt-palette-alpha-contrast-highest: var(--salt-color-white-90a);
  --salt-palette-alpha-contrast-higher: var(--salt-color-white-80a);
  --salt-palette-alpha-contrast-high: var(--salt-color-white-70a);
  --salt-palette-alpha-contrast-mediumHigh: var(--salt-color-white-60a);
  --salt-palette-alpha-contrast-medium: var(--salt-color-white-50a);
  --salt-palette-alpha-contrast-mediumLow: var(--salt-color-white-40a);
  --salt-palette-alpha-contrast-low: var(--salt-color-white-30a);
  --salt-palette-alpha-contrast-lower: var(--salt-color-white-20a);
  --salt-palette-alpha-contrast-lowest: var(--salt-color-white-10a);
  --salt-palette-alpha-none: transparent;
}

/* css/palette/accent.css */
.salt-theme[data-mode=light] {
  --salt-palette-accent: var(--salt-color-blue-500);
  --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
  --salt-palette-accent-foreground: var(--salt-color-white);
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-600);
  --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
}
.salt-theme[data-mode=dark] {
  --salt-palette-accent: var(--salt-color-blue-500);
  --salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
  --salt-palette-accent-foreground: var(--salt-color-white);
  --salt-palette-accent-foreground-informative: var(--salt-color-blue-200);
  --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
}

/* css/palette/error.css */
.salt-theme[data-mode=light] {
  --salt-palette-error-background: var(--salt-color-red-10);
  --salt-palette-error-bold-background: var(--salt-color-red-500);
  --salt-palette-error-background-selected: var(--salt-color-red-20);
  --salt-palette-error-border: var(--salt-color-red-500);
  --salt-palette-error-foreground-decorative: var(--salt-color-red-500);
  --salt-palette-error-foreground-informative: var(--salt-color-red-600);
}
.salt-theme[data-mode=dark] {
  --salt-palette-error-background: var(--salt-color-red-900);
  --salt-palette-error-bold-background: var(--salt-color-red-500);
  --salt-palette-error-background-selected: var(--salt-color-red-900);
  --salt-palette-error-border: var(--salt-color-red-400);
  --salt-palette-error-foreground-decorative: var(--salt-color-red-400);
  --salt-palette-error-foreground-informative: var(--salt-color-red-200);
}

/* css/palette/categorical.css */
.salt-theme[data-mode=light] {
  --salt-palette-categorical-1: var(--salt-color-cobalt-500);
  --salt-palette-categorical-1-strong: var(--salt-color-cobalt-600);
  --salt-palette-categorical-1-weakest: var(--salt-color-cobalt-100);
  --salt-palette-categorical-2: var(--salt-color-cider-500);
  --salt-palette-categorical-2-strong: var(--salt-color-cider-600);
  --salt-palette-categorical-2-weakest: var(--salt-color-cider-100);
  --salt-palette-categorical-3: var(--salt-color-plum-500);
  --salt-palette-categorical-3-strong: var(--salt-color-plum-600);
  --salt-palette-categorical-3-weakest: var(--salt-color-plum-100);
  --salt-palette-categorical-4: var(--salt-color-aqua-500);
  --salt-palette-categorical-4-strong: var(--salt-color-aqua-600);
  --salt-palette-categorical-4-weakest: var(--salt-color-aqua-100);
  --salt-palette-categorical-5: var(--salt-color-slate-500);
  --salt-palette-categorical-5-strong: var(--salt-color-slate-600);
  --salt-palette-categorical-5-weakest: var(--salt-color-slate-100);
  --salt-palette-categorical-6: var(--salt-color-rose-500);
  --salt-palette-categorical-6-strong: var(--salt-color-rose-600);
  --salt-palette-categorical-6-weakest: var(--salt-color-rose-100);
  --salt-palette-categorical-7: var(--salt-color-olive-500);
  --salt-palette-categorical-7-strong: var(--salt-color-olive-600);
  --salt-palette-categorical-7-weakest: var(--salt-color-olive-100);
  --salt-palette-categorical-8: var(--salt-color-salmon-500);
  --salt-palette-categorical-8-strong: var(--salt-color-salmon-600);
  --salt-palette-categorical-8-weakest: var(--salt-color-salmon-100);
  --salt-palette-categorical-9: var(--salt-color-indigo-500);
  --salt-palette-categorical-9-strong: var(--salt-color-indigo-600);
  --salt-palette-categorical-9-weakest: var(--salt-color-indigo-100);
  --salt-palette-categorical-10: var(--salt-color-jade-500);
  --salt-palette-categorical-10-strong: var(--salt-color-jade-600);
  --salt-palette-categorical-10-weakest: var(--salt-color-jade-100);
  --salt-palette-categorical-11: var(--salt-color-citrine-500);
  --salt-palette-categorical-11-strong: var(--salt-color-citrine-600);
  --salt-palette-categorical-11-weakest: var(--salt-color-citrine-100);
  --salt-palette-categorical-12: var(--salt-color-autumn-500);
  --salt-palette-categorical-12-strong: var(--salt-color-autumn-600);
  --salt-palette-categorical-12-weakest: var(--salt-color-autumn-100);
  --salt-palette-categorical-13: var(--salt-color-lavender-500);
  --salt-palette-categorical-13-strong: var(--salt-color-lavender-600);
  --salt-palette-categorical-13-weakest: var(--salt-color-lavender-100);
  --salt-palette-categorical-14: var(--salt-color-ocean-500);
  --salt-palette-categorical-14-strong: var(--salt-color-ocean-600);
  --salt-palette-categorical-14-weakest: var(--salt-color-ocean-100);
  --salt-palette-categorical-15: var(--salt-color-smoke-500);
  --salt-palette-categorical-15-strong: var(--salt-color-smoke-600);
  --salt-palette-categorical-15-weakest: var(--salt-color-smoke-100);
  --salt-palette-categorical-16: var(--salt-color-fuchsia-500);
  --salt-palette-categorical-16-strong: var(--salt-color-fuchsia-600);
  --salt-palette-categorical-16-weakest: var(--salt-color-fuchsia-100);
  --salt-palette-categorical-17: var(--salt-color-lime-500);
  --salt-palette-categorical-17-strong: var(--salt-color-lime-600);
  --salt-palette-categorical-17-weakest: var(--salt-color-lime-100);
  --salt-palette-categorical-18: var(--salt-color-fur-500);
  --salt-palette-categorical-18-strong: var(--salt-color-fur-600);
  --salt-palette-categorical-18-weakest: var(--salt-color-fur-100);
  --salt-palette-categorical-19: var(--salt-color-violet-500);
  --salt-palette-categorical-19-strong: var(--salt-color-violet-600);
  --salt-palette-categorical-19-weakest: var(--salt-color-violet-100);
  --salt-palette-categorical-20: var(--salt-color-forest-500);
  --salt-palette-categorical-20-strong: var(--salt-color-forest-600);
  --salt-palette-categorical-20-weakest: var(--salt-color-forest-100);
}
.salt-theme[data-mode=dark] {
  --salt-palette-categorical-1: var(--salt-color-cobalt-500);
  --salt-palette-categorical-1-strong: var(--salt-color-cobalt-400);
  --salt-palette-categorical-1-weakest: var(--salt-color-cobalt-900);
  --salt-palette-categorical-2: var(--salt-color-cider-500);
  --salt-palette-categorical-2-strong: var(--salt-color-cider-400);
  --salt-palette-categorical-2-weakest: var(--salt-color-cider-900);
  --salt-palette-categorical-3: var(--salt-color-plum-500);
  --salt-palette-categorical-3-strong: var(--salt-color-plum-400);
  --salt-palette-categorical-3-weakest: var(--salt-color-plum-900);
  --salt-palette-categorical-4: var(--salt-color-aqua-500);
  --salt-palette-categorical-4-strong: var(--salt-color-aqua-400);
  --salt-palette-categorical-4-weakest: var(--salt-color-aqua-900);
  --salt-palette-categorical-5: var(--salt-color-slate-500);
  --salt-palette-categorical-5-strong: var(--salt-color-slate-400);
  --salt-palette-categorical-5-weakest: var(--salt-color-slate-900);
  --salt-palette-categorical-6: var(--salt-color-rose-500);
  --salt-palette-categorical-6-strong: var(--salt-color-rose-400);
  --salt-palette-categorical-6-weakest: var(--salt-color-rose-900);
  --salt-palette-categorical-7: var(--salt-color-olive-500);
  --salt-palette-categorical-7-strong: var(--salt-color-olive-400);
  --salt-palette-categorical-7-weakest: var(--salt-color-olive-900);
  --salt-palette-categorical-8: var(--salt-color-salmon-500);
  --salt-palette-categorical-8-strong: var(--salt-color-salmon-400);
  --salt-palette-categorical-8-weakest: var(--salt-color-salmon-900);
  --salt-palette-categorical-9: var(--salt-color-indigo-500);
  --salt-palette-categorical-9-strong: var(--salt-color-indigo-400);
  --salt-palette-categorical-9-weakest: var(--salt-color-indigo-900);
  --salt-palette-categorical-10: var(--salt-color-jade-500);
  --salt-palette-categorical-10-strong: var(--salt-color-jade-400);
  --salt-palette-categorical-10-weakest: var(--salt-color-jade-900);
  --salt-palette-categorical-11: var(--salt-color-citrine-500);
  --salt-palette-categorical-11-strong: var(--salt-color-citrine-400);
  --salt-palette-categorical-11-weakest: var(--salt-color-citrine-900);
  --salt-palette-categorical-12: var(--salt-color-autumn-500);
  --salt-palette-categorical-12-strong: var(--salt-color-autumn-400);
  --salt-palette-categorical-12-weakest: var(--salt-color-autumn-900);
  --salt-palette-categorical-13: var(--salt-color-lavender-500);
  --salt-palette-categorical-13-strong: var(--salt-color-lavender-400);
  --salt-palette-categorical-13-weakest: var(--salt-color-lavender-900);
  --salt-palette-categorical-14: var(--salt-color-ocean-500);
  --salt-palette-categorical-14-strong: var(--salt-color-ocean-400);
  --salt-palette-categorical-14-weakest: var(--salt-color-ocean-900);
  --salt-palette-categorical-15: var(--salt-color-smoke-500);
  --salt-palette-categorical-15-strong: var(--salt-color-smoke-400);
  --salt-palette-categorical-15-weakest: var(--salt-color-smoke-900);
  --salt-palette-categorical-16: var(--salt-color-fuchsia-500);
  --salt-palette-categorical-16-strong: var(--salt-color-fuchsia-400);
  --salt-palette-categorical-16-weakest: var(--salt-color-fuchsia-900);
  --salt-palette-categorical-17: var(--salt-color-lime-500);
  --salt-palette-categorical-17-strong: var(--salt-color-lime-400);
  --salt-palette-categorical-17-weakest: var(--salt-color-lime-900);
  --salt-palette-categorical-18: var(--salt-color-fur-500);
  --salt-palette-categorical-18-strong: var(--salt-color-fur-400);
  --salt-palette-categorical-18-weakest: var(--salt-color-fur-900);
  --salt-palette-categorical-19: var(--salt-color-violet-500);
  --salt-palette-categorical-19-strong: var(--salt-color-violet-400);
  --salt-palette-categorical-19-weakest: var(--salt-color-violet-900);
  --salt-palette-categorical-20: var(--salt-color-forest-500);
  --salt-palette-categorical-20-strong: var(--salt-color-forest-400);
  --salt-palette-categorical-20-weakest: var(--salt-color-forest-900);
}

/* css/palette/corner.css */
.salt-theme {
  --salt-palette-corner-weaker: var(--salt-curve-0);
  --salt-palette-corner-weak: var(--salt-curve-0);
  --salt-palette-corner: var(--salt-curve-0);
  --salt-palette-corner-strong: var(--salt-curve-0);
  --salt-palette-corner-stronger: var(--salt-curve-0);
  --salt-palette-corner-strongest: var(--salt-curve-999);
}

/* css/palette/info.css */
.salt-theme[data-mode=light] {
  --salt-palette-info-background: var(--salt-color-blue-10);
  --salt-palette-info-bold-background: var(--salt-color-blue-500);
  --salt-palette-info-border: var(--salt-color-blue-500);
  --salt-palette-info-foreground-decorative: var(--salt-color-blue-500);
  --salt-palette-info-foreground-informative: var(--salt-color-blue-600);
}
.salt-theme[data-mode=dark] {
  --salt-palette-info-background: var(--salt-color-blue-900);
  --salt-palette-info-bold-background: var(--salt-color-blue-500);
  --salt-palette-info-border: var(--salt-color-blue-400);
  --salt-palette-info-foreground-decorative: var(--salt-color-blue-400);
  --salt-palette-info-foreground-informative: var(--salt-color-blue-200);
}

/* css/palette/interact.css */
.salt-theme[data-mode=light] {
  --salt-palette-interact-background-blurSelected: var(--salt-color-gray-30);
  --salt-palette-interact-background-hover: var(--salt-color-blue-10);
  --salt-palette-interact-background-active: var(--salt-color-blue-30);
  --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-30-40a);
  --salt-palette-interact-border: var(--salt-color-gray-200);
  --salt-palette-interact-border-active: var(--salt-color-blue-600);
  --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-600-40a);
  --salt-palette-interact-border-disabled: var(--salt-color-gray-200-40a);
  --salt-palette-interact-border-hover: var(--salt-color-blue-500);
  --salt-palette-interact-border-readonly: var(--salt-color-gray-200-15a);
  --salt-palette-interact-foreground: var(--salt-color-gray-200);
  --salt-palette-interact-foreground-active: var(--salt-color-blue-600);
  --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-600-40a);
  --salt-palette-interact-foreground-disabled: var(--salt-color-gray-200-40a);
  --salt-palette-interact-foreground-hover: var(--salt-color-blue-500);
  --salt-palette-interact-outline: var(--salt-color-blue-600);
  --salt-palette-interact-cta-background: var(--salt-color-blue-600);
  --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
  --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
  --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
  --salt-palette-interact-cta-foreground: var(--salt-color-white);
  --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
  --salt-palette-interact-cta-border-hover: var(--salt-color-blue-500);
  --salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
  --salt-palette-interact-primary-background: var(--salt-color-gray-60);
  --salt-palette-interact-primary-background-active: var(--salt-color-gray-200);
  --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-40a);
  --salt-palette-interact-primary-background-hover: var(--salt-color-gray-40);
  --salt-palette-interact-primary-foreground: var(--salt-color-gray-900);
  --salt-palette-interact-primary-foreground-active: var(--salt-color-white);
  --salt-palette-interact-primary-foreground-disabled: var(--salt-color-gray-900-40a);
  --salt-palette-interact-primary-foreground-hover: var(--salt-color-gray-900);
  --salt-palette-interact-secondary-background-active: var(--salt-color-gray-200);
  --salt-palette-interact-secondary-background-hover: var(--salt-color-gray-40);
  --salt-palette-interact-secondary-foreground: var(--salt-color-gray-900);
  --salt-palette-interact-secondary-foreground-active: var(--salt-color-white);
  --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-gray-900-40a);
  --salt-palette-interact-secondary-foreground-hover: var(--salt-color-gray-900);
}
.salt-theme[data-mode=dark] {
  --salt-palette-interact-background-active: var(--salt-color-blue-700);
  --salt-palette-interact-background-blurSelected: var(--salt-color-gray-600);
  --salt-palette-interact-background-hover: var(--salt-color-blue-800);
  --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-700-40a);
  --salt-palette-interact-border: var(--salt-color-gray-90);
  --salt-palette-interact-border-active: var(--salt-color-blue-100);
  --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-100-40a);
  --salt-palette-interact-border-disabled: var(--salt-color-gray-90-40a);
  --salt-palette-interact-border-hover: var(--salt-color-blue-500);
  --salt-palette-interact-border-readonly: var(--salt-color-gray-90-15a);
  --salt-palette-interact-foreground: var(--salt-color-gray-90);
  --salt-palette-interact-foreground-active: var(--salt-color-blue-100);
  --salt-palette-interact-foreground-activeDisabled: var(--salt-color-blue-100-40a);
  --salt-palette-interact-foreground-disabled: var(--salt-color-gray-90-40a);
  --salt-palette-interact-foreground-hover: var(--salt-color-blue-500);
  --salt-palette-interact-outline: var(--salt-color-blue-100);
  --salt-palette-interact-cta-background: var(--salt-color-blue-600);
  --salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
  --salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
  --salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
  --salt-palette-interact-cta-foreground: var(--salt-color-white);
  --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
  --salt-palette-interact-cta-border-hover: var(--salt-color-blue-500);
  --salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
  --salt-palette-interact-primary-background: var(--salt-color-gray-300);
  --salt-palette-interact-primary-background-active: var(--salt-color-gray-70);
  --salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-40a);
  --salt-palette-interact-primary-background-hover: var(--salt-color-gray-200);
  --salt-palette-interact-primary-foreground: var(--salt-color-white);
  --salt-palette-interact-primary-foreground-active: var(--salt-color-gray-900);
  --salt-palette-interact-primary-foreground-disabled: var(--salt-color-white-40a);
  --salt-palette-interact-primary-foreground-hover: var(--salt-color-white);
  --salt-palette-interact-secondary-background-active: var(--salt-color-gray-70);
  --salt-palette-interact-secondary-background-hover: var(--salt-color-gray-200);
  --salt-palette-interact-secondary-foreground: var(--salt-color-white);
  --salt-palette-interact-secondary-foreground-active: var(--salt-color-gray-900);
  --salt-palette-interact-secondary-foreground-disabled: var(--salt-color-white-40a);
  --salt-palette-interact-secondary-foreground-hover: var(--salt-color-white);
}

/* css/palette/navigate.css */
.salt-theme[data-mode=light] {
  --salt-palette-navigate-foreground-visited: var(--salt-color-purple-800);
  --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);
  --salt-palette-navigate-indicator-active: var(--salt-color-orange-600);
}
.salt-theme[data-mode=dark] {
  --salt-palette-navigate-foreground-visited: var(--salt-color-purple-100);
  --salt-palette-navigate-indicator-hover: var(--salt-color-gray-90);
  --salt-palette-navigate-indicator-active: var(--salt-color-orange-400);
}

/* css/palette/negative.css */
.salt-theme[data-mode=light] {
  --salt-palette-negative-foreground: var(--salt-color-red-600);
  --salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
  --salt-palette-negative-background: var(--salt-color-red-600);
  --salt-palette-negative-background-hover: var(--salt-color-red-500);
  --salt-palette-negative-background-active: var(--salt-color-red-700);
  --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
  --salt-palette-negative-border: var(--salt-color-red-500);
  --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
}
.salt-theme[data-mode=dark] {
  --salt-palette-negative-foreground: var(--salt-color-red-200);
  --salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
  --salt-palette-negative-background: var(--salt-color-red-600);
  --salt-palette-negative-background-hover: var(--salt-color-red-500);
  --salt-palette-negative-background-active: var(--salt-color-red-700);
  --salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
  --salt-palette-negative-border: var(--salt-color-red-500);
  --salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
}

/* css/palette/neutral.css */
.salt-theme[data-mode=light] {
  --salt-palette-neutral-border: var(--salt-color-gray-50);
  --salt-palette-neutral-border-disabled: var(--salt-color-gray-50-40a);
  --salt-palette-neutral-primary-background: var(--salt-color-white);
  --salt-palette-neutral-primary-background-disabled: var(--salt-color-white-40a);
  --salt-palette-neutral-primary-foreground: var(--salt-color-gray-900);
  --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-gray-900-40a);
  --salt-palette-neutral-secondary-background: var(--salt-color-gray-20);
  --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-20-40a);
  --salt-palette-neutral-secondary-foreground: var(--salt-color-gray-200);
  --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-200-40a);
  --salt-palette-neutral-tertiary-background: var(--salt-color-gray-30);
  --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-30-40a);
}
.salt-theme[data-mode=dark] {
  --salt-palette-neutral-border: var(--salt-color-gray-300);
  --salt-palette-neutral-border-disabled: var(--salt-color-gray-300-40a);
  --salt-palette-neutral-primary-background: var(--salt-color-gray-800);
  --salt-palette-neutral-primary-background-disabled: var(--salt-color-gray-800-40a);
  --salt-palette-neutral-primary-foreground: var(--salt-color-white);
  --salt-palette-neutral-primary-foreground-disabled: var(--salt-color-white-40a);
  --salt-palette-neutral-secondary-background: var(--salt-color-gray-600);
  --salt-palette-neutral-secondary-background-disabled: var(--salt-color-gray-600-40a);
  --salt-palette-neutral-secondary-foreground: var(--salt-color-gray-70);
  --salt-palette-neutral-secondary-foreground-disabled: var(--salt-color-gray-70-40a);
  --salt-palette-neutral-tertiary-background: var(--salt-color-gray-500);
  --salt-palette-neutral-tertiary-background-disabled: var(--salt-color-gray-500-40a);
}

/* css/palette/positive.css */
.salt-theme[data-mode=light] {
  --salt-palette-positive-foreground: var(--salt-color-green-600);
  --salt-palette-positive-foreground-disabled: var(--salt-color-green-600-40a);
  --salt-palette-positive-background: var(--salt-color-green-600);
  --salt-palette-positive-background-hover: var(--salt-color-green-500);
  --salt-palette-positive-background-active: var(--salt-color-green-700);
  --salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
  --salt-palette-positive-border: var(--salt-color-green-500);
  --salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
}
.salt-theme[data-mode=dark] {
  --salt-palette-positive-foreground: var(--salt-color-green-200);
  --salt-palette-positive-foreground-disabled: var(--salt-color-green-200-40a);
  --salt-palette-positive-background: var(--salt-color-green-600);
  --salt-palette-positive-background-hover: var(--salt-color-green-500);
  --salt-palette-positive-background-active: var(--salt-color-green-700);
  --salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
  --salt-palette-positive-border: var(--salt-color-green-500);
  --salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
}

/* css/palette/success.css */
.salt-theme[data-mode=light] {
  --salt-palette-success-background: var(--salt-color-green-10);
  --salt-palette-success-bold-background: var(--salt-color-green-500);
  --salt-palette-success-background-selected: var(--salt-color-green-20);
  --salt-palette-success-border: var(--salt-color-green-500);
  --salt-palette-success-foreground-decorative: var(--salt-color-green-500);
  --salt-palette-success-foreground-informative: var(--salt-color-green-600);
}
.salt-theme[data-mode=dark] {
  --salt-palette-success-background: var(--salt-color-green-900);
  --salt-palette-success-bold-background: var(--salt-color-green-500);
  --salt-palette-success-background-selected: var(--salt-color-green-900);
  --salt-palette-success-border: var(--salt-color-green-400);
  --salt-palette-success-foreground-decorative: var(--salt-color-green-400);
  --salt-palette-success-foreground-informative: var(--salt-color-green-200);
}

/* css/palette/text.css */
.salt-theme {
  --salt-palette-text-fontFamily: var(--salt-typography-fontFamily-openSans);
  --salt-palette-text-fontFamily-heading: var(--salt-typography-fontFamily-openSans);
  --salt-palette-text-fontFamily-code: var(--salt-typography-fontFamily-ptMono);
  --salt-palette-text-fontFamily-action: var(--salt-typography-fontFamily-openSans);
  --salt-palette-text-action-fontWeight: var(--salt-typography-fontWeight-semiBold);
  --salt-palette-text-action-fontWeight-small: var(--salt-typography-fontWeight-regular);
  --salt-palette-text-action-fontWeight-strong: var(--salt-typography-fontWeight-bold);
  --salt-palette-text-display-fontWeight: var(--salt-typography-fontWeight-semiBold);
  --salt-palette-text-display-fontWeight-small: var(--salt-typography-fontWeight-regular);
  --salt-palette-text-display-fontWeight-strong: var(--salt-typography-fontWeight-bold);
  --salt-palette-text-heading-fontWeight: var(--salt-typography-fontWeight-semiBold);
  --salt-palette-text-heading-fontWeight-small: var(--salt-typography-fontWeight-regular);
  --salt-palette-text-heading-fontWeight-strong: var(--salt-typography-fontWeight-bold);
  --salt-palette-text-body-fontWeight: var(--salt-typography-fontWeight-regular);
  --salt-palette-text-body-fontWeight-small: var(--salt-typography-fontWeight-light);
  --salt-palette-text-body-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);
  --salt-palette-text-notation-fontWeight: var(--salt-typography-fontWeight-semiBold);
  --salt-palette-text-notation-fontWeight-small: var(--salt-typography-fontWeight-regular);
  --salt-palette-text-notation-fontWeight-strong: var(--salt-typography-fontWeight-bold);
}

/* css/palette/warning.css */
.salt-theme[data-mode=light] {
  --salt-palette-warning-background: var(--salt-color-orange-10);
  --salt-palette-warning-bold-background: var(--salt-color-orange-800);
  --salt-palette-warning-background-selected: var(--salt-color-orange-20);
  --salt-palette-warning-border: var(--salt-color-orange-700);
  --salt-palette-warning-border-disabled: var(--salt-color-orange-700-40a);
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-700);
  --salt-palette-warning-foreground-informative: var(--salt-color-orange-850);
  --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-40a);
  --salt-palette-warning-action: var(--salt-color-orange-600);
  --salt-palette-warning-action-hover: var(--salt-color-orange-500);
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
  --salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
  --salt-palette-warning-action-foreground: var(--salt-color-gray-900);
  --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
}
.salt-theme[data-mode=dark] {
  --salt-palette-warning-background: var(--salt-color-orange-900);
  --salt-palette-warning-bold-background: var(--salt-color-orange-800);
  --salt-palette-warning-background-selected: var(--salt-color-orange-900);
  --salt-palette-warning-border: var(--salt-color-orange-500);
  --salt-palette-warning-border-disabled: var(--salt-color-orange-500-40a);
  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
  --salt-palette-warning-foreground-informative: var(--salt-color-orange-400);
  --salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-40a);
  --salt-palette-warning-action: var(--salt-color-orange-600);
  --salt-palette-warning-action-hover: var(--salt-color-orange-500);
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
  --salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
  --salt-palette-warning-action-foreground: var(--salt-color-gray-900);
  --salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
}

/* css/characteristics/accent.css */
.salt-theme {
  --salt-accent-background: var(--salt-palette-accent);
  --salt-accent-background-disabled: var(--salt-palette-accent-disabled);
  --salt-accent-borderColor: var(--salt-palette-accent);
  --salt-accent-borderColor-disabled: var(--salt-palette-accent-disabled);
  --salt-accent-foreground: var(--salt-palette-accent-foreground);
}

/* css/characteristics/actionable.css */
.salt-theme {
  --salt-actionable-cursor-hover: pointer;
  --salt-actionable-cursor-active: pointer;
  --salt-actionable-cursor-disabled: not-allowed;
  --salt-actionable-accented-bold-background-active: var(--salt-palette-interact-cta-background-active);
  --salt-actionable-accented-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
  --salt-actionable-accented-bold-background-hover: var(--salt-palette-interact-cta-background-hover);
  --salt-actionable-accented-bold-background: var(--salt-palette-interact-cta-background);
  --salt-actionable-accented-bold-borderColor-active: var(--salt-palette-alpha-none);
  --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-alpha-none);
  --salt-actionable-accented-bold-borderColor: var(--salt-palette-alpha-none);
  --salt-actionable-accented-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
  --salt-actionable-accented-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-accented-bold-foreground: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-bold-background-active: var(--salt-palette-interact-primary-background-active);
  --salt-actionable-bold-background-disabled: var(--salt-palette-interact-primary-background-disabled);
  --salt-actionable-bold-background-hover: var(--salt-palette-interact-primary-background-hover);
  --salt-actionable-bold-background: var(--salt-palette-interact-primary-background);
  --salt-actionable-bold-borderColor-active: var(--salt-palette-alpha-none);
  --salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-none);
  --salt-actionable-bold-borderColor: var(--salt-palette-alpha-none);
  --salt-actionable-bold-foreground-active: var(--salt-palette-interact-primary-foreground-active);
  --salt-actionable-bold-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
  --salt-actionable-bold-foreground-hover: var(--salt-palette-neutral-primary-foreground);
  --salt-actionable-bold-foreground: var(--salt-palette-neutral-primary-foreground);
  --salt-actionable-accented-background-active: var(--salt-palette-interact-cta-background-active);
  --salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-accented-background-hover: var(--salt-palette-interact-cta-background-hover);
  --salt-actionable-accented-background: var(--salt-palette-alpha-none);
  --salt-actionable-accented-borderColor-active: var(--salt-palette-interact-cta-border-active);
  --salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
  --salt-actionable-accented-borderColor-hover: var(--salt-palette-interact-cta-border-hover);
  --salt-actionable-accented-borderColor: var(--salt-palette-accent);
  --salt-actionable-accented-foreground-active: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
  --salt-actionable-accented-foreground-hover: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-accented-foreground: var(--salt-palette-accent-foreground-informative);
  --salt-actionable-background-active: var(--salt-palette-interact-primary-background-active);
  --salt-actionable-background-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-background-hover: var(--salt-palette-interact-primary-background-hover);
  --salt-actionable-background: var(--salt-palette-alpha-none);
  --salt-actionable-borderColor-active: var(--salt-palette-alpha-none);
  --salt-actionable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
  --salt-actionable-borderColor-hover: var(--salt-palette-alpha-none);
  --salt-actionable-borderColor: var(--salt-palette-interact-border);
  --salt-actionable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
  --salt-actionable-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
  --salt-actionable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
  --salt-actionable-foreground: var(--salt-palette-neutral-primary-foreground);
  --salt-actionable-accented-subtle-background-active: var(--salt-palette-interact-cta-background-active);
  --salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-accented-subtle-background-hover: var(--salt-palette-interact-cta-background-hover);
  --salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
  --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-alpha-none);
  --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-alpha-none);
  --salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
  --salt-actionable-accented-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
  --salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-foreground-informative);
  --salt-actionable-subtle-background-active: var(--salt-palette-interact-primary-background-active);
  --salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-subtle-background-hover: var(--salt-palette-interact-primary-background-hover);
  --salt-actionable-subtle-background: var(--salt-palette-alpha-none);
  --salt-actionable-subtle-borderColor-active: var(--salt-palette-alpha-none);
  --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-subtle-borderColor-hover: var(--salt-palette-alpha-none);
  --salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
  --salt-actionable-subtle-foreground-active: var(--salt-palette-interact-primary-foreground-active);
  --salt-actionable-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
  --salt-actionable-subtle-foreground-hover: var(--salt-palette-neutral-primary-foreground);
  --salt-actionable-subtle-foreground: var(--salt-palette-neutral-primary-foreground);
  --salt-actionable-negative-bold-background-active: var(--salt-palette-negative-background-active);
  --salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-background-disabled);
  --salt-actionable-negative-bold-background-hover: var(--salt-palette-negative-background-hover);
  --salt-actionable-negative-bold-background: var(--salt-palette-negative-background);
  --salt-actionable-negative-bold-borderColor-active: var(--salt-palette-alpha-none);
  --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-alpha-none);
  --salt-actionable-negative-bold-borderColor: var(--salt-palette-alpha-none);
  --salt-actionable-negative-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
  --salt-actionable-negative-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-negative-bold-foreground: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-negative-background-active: var(--salt-palette-negative-background-active);
  --salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-negative-background-hover: var(--salt-palette-negative-background-hover);
  --salt-actionable-negative-background: var(--salt-palette-alpha-none);
  --salt-actionable-negative-borderColor-active: var(--salt-palette-alpha-none);
  --salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-border-disabled);
  --salt-actionable-negative-borderColor-hover: var(--salt-palette-alpha-none);
  --salt-actionable-negative-borderColor: var(--salt-palette-negative-border);
  --salt-actionable-negative-foreground-active: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
  --salt-actionable-negative-foreground-hover: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-negative-foreground: var(--salt-palette-negative-foreground);
  --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-background-active);
  --salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-background-hover);
  --salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
  --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-alpha-none);
  --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-alpha-none);
  --salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
  --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
  --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-foreground);
  --salt-actionable-positive-bold-background-active: var(--salt-palette-positive-background-active);
  --salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-background-disabled);
  --salt-actionable-positive-bold-background-hover: var(--salt-palette-positive-background-hover);
  --salt-actionable-positive-bold-background: var(--salt-palette-positive-background);
  --salt-actionable-positive-bold-borderColor-active: var(--salt-palette-alpha-none);
  --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-alpha-none);
  --salt-actionable-positive-bold-borderColor: var(--salt-palette-alpha-none);
  --salt-actionable-positive-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
  --salt-actionable-positive-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-positive-bold-foreground: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-positive-background-active: var(--salt-palette-positive-background-active);
  --salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-positive-background-hover: var(--salt-palette-positive-background-hover);
  --salt-actionable-positive-background: var(--salt-palette-alpha-none);
  --salt-actionable-positive-borderColor-active: var(--salt-palette-alpha-none);
  --salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-border-disabled);
  --salt-actionable-positive-borderColor-hover: var(--salt-palette-alpha-none);
  --salt-actionable-positive-borderColor: var(--salt-palette-positive-border);
  --salt-actionable-positive-foreground-active: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
  --salt-actionable-positive-foreground-hover: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-positive-foreground: var(--salt-palette-positive-foreground);
  --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-background-active);
  --salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-background-hover);
  --salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
  --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-alpha-none);
  --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-alpha-none);
  --salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
  --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
  --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-foreground);
  --salt-actionable-caution-bold-background-active: var(--salt-palette-warning-action-active);
  --salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-action-disabled);
  --salt-actionable-caution-bold-background-hover: var(--salt-palette-warning-action-hover);
  --salt-actionable-caution-bold-background: var(--salt-palette-warning-action);
  --salt-actionable-caution-bold-borderColor-active: var(--salt-palette-alpha-none);
  --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-alpha-none);
  --salt-actionable-caution-bold-borderColor: var(--salt-palette-alpha-none);
  --salt-actionable-caution-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-warning-action-foreground-disabled);
  --salt-actionable-caution-bold-foreground-hover: var(--salt-palette-warning-action-foreground);
  --salt-actionable-caution-bold-foreground: var(--salt-palette-warning-action-foreground);
  --salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
  --salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
  --salt-actionable-caution-background: var(--salt-palette-alpha-none);
  --salt-actionable-caution-borderColor-active: var(--salt-palette-alpha-none);
  --salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-border-disabled);
  --salt-actionable-caution-borderColor-hover: var(--salt-palette-alpha-none);
  --salt-actionable-caution-borderColor: var(--salt-palette-warning-border);
  --salt-actionable-caution-foreground-active: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
  --salt-actionable-caution-foreground-hover: var(--salt-palette-warning-action-foreground);
  --salt-actionable-caution-foreground: var(--salt-palette-warning-foreground-informative);
  --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
  --salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-action-hover);
  --salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
  --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-alpha-none);
  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
  --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-alpha-none);
  --salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
  --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
  --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
  --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-action-foreground);
  --salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-foreground-informative);
}

/* css/characteristics/category.css */
.salt-theme {
  --salt-category-1-subtle-foreground: var(--salt-palette-categorical-1-strong);
  --salt-category-1-subtle-background: var(--salt-palette-categorical-1-weakest);
  --salt-category-1-subtle-borderColor: var(--salt-palette-categorical-1);
  --salt-category-1-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-1-bold-background: var(--salt-palette-categorical-1);
  --salt-category-2-subtle-foreground: var(--salt-palette-categorical-2-strong);
  --salt-category-2-subtle-background: var(--salt-palette-categorical-2-weakest);
  --salt-category-2-subtle-borderColor: var(--salt-palette-categorical-2);
  --salt-category-2-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-2-bold-background: var(--salt-palette-categorical-2);
  --salt-category-3-subtle-foreground: var(--salt-palette-categorical-3-strong);
  --salt-category-3-subtle-background: var(--salt-palette-categorical-3-weakest);
  --salt-category-3-subtle-borderColor: var(--salt-palette-categorical-3);
  --salt-category-3-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-3-bold-background: var(--salt-palette-categorical-3);
  --salt-category-4-subtle-foreground: var(--salt-palette-categorical-4-strong);
  --salt-category-4-subtle-background: var(--salt-palette-categorical-4-weakest);
  --salt-category-4-subtle-borderColor: var(--salt-palette-categorical-4);
  --salt-category-4-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-4-bold-background: var(--salt-palette-categorical-4);
  --salt-category-5-subtle-foreground: var(--salt-palette-categorical-5-strong);
  --salt-category-5-subtle-background: var(--salt-palette-categorical-5-weakest);
  --salt-category-5-subtle-borderColor: var(--salt-palette-categorical-5);
  --salt-category-5-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-5-bold-background: var(--salt-palette-categorical-5);
  --salt-category-6-subtle-foreground: var(--salt-palette-categorical-6-strong);
  --salt-category-6-subtle-background: var(--salt-palette-categorical-6-weakest);
  --salt-category-6-subtle-borderColor: var(--salt-palette-categorical-6);
  --salt-category-6-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-6-bold-background: var(--salt-palette-categorical-6);
  --salt-category-7-subtle-foreground: var(--salt-palette-categorical-7-strong);
  --salt-category-7-subtle-background: var(--salt-palette-categorical-7-weakest);
  --salt-category-7-subtle-borderColor: var(--salt-palette-categorical-7);
  --salt-category-7-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-7-bold-background: var(--salt-palette-categorical-7);
  --salt-category-8-subtle-foreground: var(--salt-palette-categorical-8-strong);
  --salt-category-8-subtle-background: var(--salt-palette-categorical-8-weakest);
  --salt-category-8-subtle-borderColor: var(--salt-palette-categorical-8);
  --salt-category-8-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-8-bold-background: var(--salt-palette-categorical-8);
  --salt-category-9-subtle-foreground: var(--salt-palette-categorical-9-strong);
  --salt-category-9-subtle-background: var(--salt-palette-categorical-9-weakest);
  --salt-category-9-subtle-borderColor: var(--salt-palette-categorical-9);
  --salt-category-9-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-9-bold-background: var(--salt-palette-categorical-9);
  --salt-category-10-subtle-foreground: var(--salt-palette-categorical-10-strong);
  --salt-category-10-subtle-background: var(--salt-palette-categorical-10-weakest);
  --salt-category-10-subtle-borderColor: var(--salt-palette-categorical-10);
  --salt-category-10-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-10-bold-background: var(--salt-palette-categorical-10);
  --salt-category-11-subtle-foreground: var(--salt-palette-categorical-11-strong);
  --salt-category-11-subtle-background: var(--salt-palette-categorical-11-weakest);
  --salt-category-11-subtle-borderColor: var(--salt-palette-categorical-11);
  --salt-category-11-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-11-bold-background: var(--salt-palette-categorical-11);
  --salt-category-12-subtle-foreground: var(--salt-palette-categorical-12-strong);
  --salt-category-12-subtle-background: var(--salt-palette-categorical-12-weakest);
  --salt-category-12-subtle-borderColor: var(--salt-palette-categorical-12);
  --salt-category-12-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-12-bold-background: var(--salt-palette-categorical-12);
  --salt-category-13-subtle-foreground: var(--salt-palette-categorical-13-strong);
  --salt-category-13-subtle-background: var(--salt-palette-categorical-13-weakest);
  --salt-category-13-subtle-borderColor: var(--salt-palette-categorical-13);
  --salt-category-13-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-13-bold-background: var(--salt-palette-categorical-13);
  --salt-category-14-subtle-foreground: var(--salt-palette-categorical-14-strong);
  --salt-category-14-subtle-background: var(--salt-palette-categorical-14-weakest);
  --salt-category-14-subtle-borderColor: var(--salt-palette-categorical-14);
  --salt-category-14-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-14-bold-background: var(--salt-palette-categorical-14);
  --salt-category-15-subtle-foreground: var(--salt-palette-categorical-15-strong);
  --salt-category-15-subtle-background: var(--salt-palette-categorical-15-weakest);
  --salt-category-15-subtle-borderColor: var(--salt-palette-categorical-15);
  --salt-category-15-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-15-bold-background: var(--salt-palette-categorical-15);
  --salt-category-16-subtle-foreground: var(--salt-palette-categorical-16-strong);
  --salt-category-16-subtle-background: var(--salt-palette-categorical-16-weakest);
  --salt-category-16-subtle-borderColor: var(--salt-palette-categorical-16);
  --salt-category-16-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-16-bold-background: var(--salt-palette-categorical-16);
  --salt-category-17-subtle-foreground: var(--salt-palette-categorical-17-strong);
  --salt-category-17-subtle-background: var(--salt-palette-categorical-17-weakest);
  --salt-category-17-subtle-borderColor: var(--salt-palette-categorical-17);
  --salt-category-17-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-17-bold-background: var(--salt-palette-categorical-17);
  --salt-category-18-subtle-foreground: var(--salt-palette-categorical-18-strong);
  --salt-category-18-subtle-background: var(--salt-palette-categorical-18-weakest);
  --salt-category-18-subtle-borderColor: var(--salt-palette-categorical-18);
  --salt-category-18-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-18-bold-background: var(--salt-palette-categorical-18);
  --salt-category-19-subtle-foreground: var(--salt-palette-categorical-19-strong);
  --salt-category-19-subtle-background: var(--salt-palette-categorical-19-weakest);
  --salt-category-19-subtle-borderColor: var(--salt-palette-categorical-19);
  --salt-category-19-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-19-bold-background: var(--salt-palette-categorical-19);
  --salt-category-20-subtle-foreground: var(--salt-palette-categorical-20-strong);
  --salt-category-20-subtle-background: var(--salt-palette-categorical-20-weakest);
  --salt-category-20-subtle-borderColor: var(--salt-palette-categorical-20);
  --salt-category-20-bold-foreground: var(--salt-palette-accent-foreground);
  --salt-category-20-bold-background: var(--salt-palette-categorical-20);
}

/* css/characteristics/container.css */
.salt-theme {
  --salt-container-borderStyle: solid;
  --salt-container-primary-background: var(--salt-palette-neutral-primary-background);
  --salt-container-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);
  --salt-container-primary-borderColor: var(--salt-palette-neutral-border);
  --salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
  --salt-container-secondary-background: var(--salt-palette-neutral-secondary-background);
  --salt-container-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
  --salt-container-secondary-borderColor: var(--salt-palette-neutral-border);
  --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
  --salt-container-tertiary-background: var(--salt-palette-neutral-tertiary-background);
  --salt-container-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
  --salt-container-tertiary-borderColor: var(--salt-palette-neutral-border);
  --salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
  --salt-container-ghost-background: var(--salt-palette-alpha-low);
  --salt-container-ghost-borderColor: var(--salt-palette-alpha-contrast-low);
}

/* css/characteristics/draggable.css */
.salt-theme {
  --salt-draggable-horizontal-cursor-hover: row-resize;
  --salt-draggable-horizontal-cursor-active: row-resize;
  --salt-draggable-vertical-cursor-hover: col-resize;
  --salt-draggable-vertical-cursor-active: col-resize;
  --salt-draggable-grab-cursor-hover: grab;
  --salt-draggable-grab-cursor-active: grabbing;
}

/* css/characteristics/target.css */
.salt-theme {
  --salt-target-background-hover: var(--salt-palette-interact-background-hover);
  --salt-target-borderColor-hover: var(--salt-palette-interact-border-hover);
  --salt-target-borderStyle: dashed;
  --salt-target-borderStyle-hover: solid;
  --salt-target-borderStyle-disabled: dashed;
  --salt-target-cursor-disabled: not-allowed;
}

/* css/characteristics/editable.css */
.salt-theme {
  --salt-editable-cursor-hover: text;
  --salt-editable-cursor-active: text;
  --salt-editable-cursor-disabled: not-allowed;
  --salt-editable-cursor-readonly: text;
  --salt-editable-borderStyle: solid;
  --salt-editable-borderStyle-hover: solid;
  --salt-editable-borderStyle-active: solid;
  --salt-editable-borderStyle-disabled: solid;
  --salt-editable-borderStyle-readonly: solid;
  --salt-editable-borderWidth-active: 2px;
  --salt-editable-borderColor: var(--salt-palette-interact-border);
  --salt-editable-borderColor-active: var(--salt-palette-interact-border-active);
  --salt-editable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
  --salt-editable-borderColor-hover: var(--salt-palette-interact-border-hover);
  --salt-editable-borderColor-readonly: var(--salt-palette-interact-border-readonly);
  --salt-editable-primary-background: var(--salt-palette-neutral-primary-background);
  --salt-editable-primary-background-active: var(--salt-palette-neutral-primary-background);
  --salt-editable-primary-background-disabled: var(--salt-palette-neutral-primary-background-disabled);
  --salt-editable-primary-background-hover: var(--salt-palette-neutral-primary-background);
  --salt-editable-primary-background-readonly: var(--salt-palette-alpha-none);
  --salt-editable-secondary-background: var(--salt-palette-neutral-secondary-background);
  --salt-editable-secondary-background-active: var(--salt-palette-neutral-secondary-background);
  --salt-editable-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
  --salt-editable-secondary-background-hover: var(--salt-palette-neutral-secondary-background);
  --salt-editable-secondary-background-readonly: var(--salt-palette-alpha-none);
  --salt-editable-help-fontStyle: italic;
}

/* css/characteristics/focused.css */
.salt-theme {
  --salt-focused-outlineColor: var(--salt-palette-interact-outline);
  --salt-focused-outlineStyle: dotted;
  --salt-focused-outlineWidth: 2px;
  --salt-focused-outlineInset: 0;
  --salt-focused-outlineOffset: 0;
  --salt-focused-outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
}
.saltFocusVisible:after,
.focused:focus:after,
.focused:focus-visible:after {
  content: "";
  inset: var(--salt-focused-outlineInset);
  outline-color: var(--salt-focused-outlineColor);
  outline-offset: var(--salt-focused-outlineOffset);
  outline-style: var(--salt-focused-outlineStyle);
  outline-width: var(--salt-focused-outlineWidth);
  position: absolute;
}

/* css/characteristics/navigable.css */
.salt-theme {
  --salt-navigable-cursor-active: pointer;
  --salt-navigable-cursor-hover: pointer;
  --salt-navigable-cursor-disabled: not-allowed;
  --salt-navigable-cursor-edit: text;
  --salt-navigable-fontWeight: var(--salt-typography-fontWeight-regular);
  --salt-navigable-fontWeight-hover: var(--salt-typography-fontWeight-regular);
  --salt-navigable-fontWeight-active: var(--salt-typography-fontWeight-semiBold);
  --salt-navigable-fontWeight-edit: var(--salt-typography-fontWeight-regular);
  --salt-navigable-indicator-hover: var(--salt-palette-navigate-indicator-hover);
  --salt-navigable-indicator-active: var(--salt-palette-navigate-indicator-active);
}

/* css/characteristics/overlayable.css */
.salt-theme {
  --salt-overlayable-shadow-scroll: var(--salt-shadow-100);
  --salt-overlayable-shadow-region: var(--salt-shadow-200);
  --salt-overlayable-shadow: var(--salt-shadow-200);
  --salt-overlayable-shadow-hover: var(--salt-shadow-300);
  --salt-overlayable-shadow-popout: var(--salt-shadow-400);
  --salt-overlayable-shadow-drag: var(--salt-shadow-400);
  --salt-overlayable-shadow-modal: var(--salt-shadow-500);
  --salt-overlayable-background: var(--salt-palette-alpha-high);
  --salt-overlayable-background-highlight: var(--salt-palette-alpha-contrast-low);
  --salt-overlayable-rangeSelection: var(--salt-palette-alpha-contrast-lower);
}

/* css/characteristics/selectable.css */
.salt-theme {
  --salt-selectable-cursor-hover: pointer;
  --salt-selectable-cursor-selected: pointer;
  --salt-selectable-cursor-blurSelected: pointer;
  --salt-selectable-cursor-disabled: not-allowed;
  --salt-selectable-cursor-readonly: not-allowed;
  --salt-selectable-borderStyle: solid;
  --salt-selectable-borderStyle-hover: solid;
  --salt-selectable-borderStyle-selected: solid;
  --salt-selectable-borderStyle-blurSelected: solid;
  --salt-selectable-borderColor: var(--salt-palette-interact-border);
  --salt-selectable-borderColor-hover: var(--salt-palette-interact-border-hover);
  --salt-selectable-borderColor-selected: var(--salt-palette-interact-border-active);
  --salt-selectable-borderColor-selectedDisabled: var(--salt-palette-interact-border-activeDisabled);
  --salt-selectable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
  --salt-selectable-borderColor-readonly: var(--salt-palette-interact-border-readonly);
  --salt-selectable-foreground: var(--salt-palette-interact-foreground);
  --salt-selectable-foreground-disabled: var(--salt-palette-interact-foreground-disabled);
  --salt-selectable-foreground-hover: var(--salt-palette-interact-foreground-hover);
  --salt-selectable-foreground-selected: var(--salt-palette-interact-foreground-active);
  --salt-selectable-foreground-selectedDisabled: var(--salt-palette-interact-foreground-activeDisabled);
  --salt-selectable-background: var(--salt-palette-alpha-none);
  --salt-selectable-background-hover: var(--salt-palette-interact-background-hover);
  --salt-selectable-background-selected: var(--salt-palette-interact-background-active);
  --salt-selectable-background-blurSelected: var(--salt-palette-interact-background-blurSelected);
  --salt-selectable-background-disabled: var(--salt-palette-alpha-none);
  --salt-selectable-background-selectedDisabled: var(--salt-palette-interact-background-activeDisabled);
}

/* css/characteristics/separable.css */
.salt-theme {
  --salt-separable-borderStyle: solid;
  --salt-separable-primary-borderColor: var(--salt-palette-alpha-contrast-mediumLow);
  --salt-separable-secondary-borderColor: var(--salt-palette-alpha-contrast-low);
  --salt-separable-tertiary-borderColor: var(--salt-palette-alpha-contrast-lower);
  --salt-separable-foreground: var(--salt-palette-neutral-primary-foreground);
  --salt-separable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
  --salt-separable-foreground-active: var(--salt-palette-interact-cta-foreground);
  --salt-separable-background: var(--salt-palette-alpha-none);
  --salt-separable-background-hover: var(--salt-palette-alpha-weak);
  --salt-separable-background-active: var(--salt-palette-accent);
}

/* css/characteristics/status.css */
.salt-theme {
  --salt-status-static-foreground: var(--salt-palette-neutral-secondary-foreground);
  --salt-status-negative-foreground: var(--salt-palette-negative-foreground);
  --salt-status-positive-foreground: var(--salt-palette-positive-foreground);
  --salt-status-info-foreground-decorative: var(--salt-palette-info-foreground-decorative);
  --salt-status-error-foreground-decorative: var(--salt-palette-error-foreground-decorative);
  --salt-status-warning-foreground-decorative: var(--salt-palette-warning-foreground-decorative);
  --salt-status-success-foreground-decorative: var(--salt-palette-success-foreground-decorative);
  --salt-status-info-foreground-informative: var(--salt-palette-info-foreground-informative);
  --salt-status-error-foreground-informative: var(--salt-palette-error-foreground-informative);
  --salt-status-warning-foreground-informative: var(--salt-palette-warning-foreground-informative);
  --salt-status-success-foreground-informative: var(--salt-palette-success-foreground-informative);
  --salt-status-info-borderColor: var(--salt-palette-info-border);
  --salt-status-error-borderColor: var(--salt-palette-error-border);
  --salt-status-warning-borderColor: var(--salt-palette-warning-border);
  --salt-status-success-borderColor: var(--salt-palette-success-border);
  --salt-status-info-background: var(--salt-palette-info-background);
  --salt-status-error-background: var(--salt-palette-error-background);
  --salt-status-warning-background: var(--salt-palette-warning-background);
  --salt-status-success-background: var(--salt-palette-success-background);
  --salt-status-info-bold-background: var(--salt-palette-info-bold-background);
  --salt-status-error-bold-background: var(--salt-palette-error-bold-background);
  --salt-status-warning-bold-background: var(--salt-palette-warning-bold-background);
  --salt-status-success-bold-background: var(--salt-palette-success-bold-background);
  --salt-status-error-background-selected: var(--salt-palette-error-background-selected);
  --salt-status-warning-background-selected: var(--salt-palette-warning-background-selected);
  --salt-status-success-background-selected: var(--salt-palette-success-background-selected);
}

/* css/characteristics/text.css */
.salt-theme {
  --salt-text-letterSpacing: 0;
  --salt-text-textAlign: left;
  --salt-text-textAlign-embedded: center;
  --salt-text-textTransform: none;
  --salt-text-action-fontFamily: var(--salt-palette-text-fontFamily-action);
  --salt-text-action-letterSpacing: 0.6px;
  --salt-text-action-textTransform: uppercase;
  --salt-text-action-textAlign: center;
  --salt-text-action-fontWeight: var(--salt-palette-text-action-fontWeight);
  --salt-text-action-fontWeight-small: var(--salt-palette-text-action-fontWeight-small);
  --salt-text-action-fontWeight-strong: var(--salt-palette-text-action-fontWeight-strong);
  --salt-text-fontFamily: var(--salt-palette-text-fontFamily);
  --salt-text-fontWeight: var(--salt-palette-text-body-fontWeight);
  --salt-text-fontWeight-small: var(--salt-palette-text-body-fontWeight-small);
  --salt-text-fontWeight-strong: var(--salt-palette-text-body-fontWeight-strong);
  --salt-text-notation-fontFamily: var(--salt-palette-text-fontFamily);
  --salt-text-notation-fontWeight: var(--salt-palette-text-notation-fontWeight);
  --salt-text-notation-fontWeight-small: var(--salt-palette-text-notation-fontWeight-small);
  --salt-text-notation-fontWeight-strong: var(--salt-palette-text-notation-fontWeight-strong);
  --salt-text-h1-fontFamily: var(--salt-palette-text-fontFamily-heading);
  --salt-text-h1-fontWeight: var(--salt-palette-text-heading-fontWeight);
  --salt-text-h1-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
  --salt-text-h1-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
  --salt-text-h2-fontFamily: var(--salt-palette-text-fontFamily-heading);
  --salt-text-h2-fontWeight: var(--salt-palette-text-heading-fontWeight);
  --salt-text-h2-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
  --salt-text-h2-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
  --salt-text-h3-fontFamily: var(--salt-palette-text-fontFamily-heading);
  --salt-text-h3-fontWeight: var(--salt-palette-text-heading-fontWeight);
  --salt-text-h3-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
  --salt-text-h3-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
  --salt-text-h4-fontFamily: var(--salt-palette-text-fontFamily-heading);
  --salt-text-h4-fontWeight: var(--salt-palette-text-heading-fontWeight);
  --salt-text-h4-fontWeight-small: var(--salt-palette-text-heading-fontWeight-small);
  --salt-text-h4-fontWeight-strong: var(--salt-palette-text-heading-fontWeight-strong);
  --salt-text-label-fontFamily: var(--salt-palette-text-fontFamily);
  --salt-text-label-fontWeight: var(--salt-palette-text-body-fontWeight);
  --salt-text-label-fontWeight-small: var(--salt-palette-text-body-fontWeight-small);
  --salt-text-label-fontWeight-strong: var(--salt-palette-text-body-fontWeight-strong);
  --salt-text-display1-fontFamily: var(--salt-palette-text-fontFamily-heading);
  --salt-text-display1-fontWeight: var(--salt-palette-text-display-fontWeight);
  --salt-text-display1-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
  --salt-text-display1-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
  --salt-text-display2-fontFamily: var(--salt-palette-text-fontFamily-heading);
  --salt-text-display2-fontWeight: var(--salt-palette-text-display-fontWeight);
  --salt-text-display2-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
  --salt-text-display2-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
  --salt-text-display3-fontFamily: var(--salt-palette-text-fontFamily-heading);
  --salt-text-display3-fontWeight: var(--salt-palette-text-display-fontWeight);
  --salt-text-display3-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
  --salt-text-display3-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
  --salt-text-display4-fontFamily: var(--salt-palette-text-fontFamily-heading);
  --salt-text-display4-fontWeight: var(--salt-palette-text-display-fontWeight);
  --salt-text-display4-fontWeight-strong: var(--salt-palette-text-display-fontWeight-strong);
  --salt-text-display4-fontWeight-small: var(--salt-palette-text-display-fontWeight-small);
  --salt-text-code-fontFamily: var(--salt-palette-text-fontFamily-code);
}
.salt-density-touch {
  --salt-text-h1-fontSize: 42px;
  --salt-text-h1-lineHeight: 54px;
  --salt-text-h2-fontSize: 32px;
  --salt-text-h2-lineHeight: 42px;
  --salt-text-h3-fontSize: 24px;
  --salt-text-h3-lineHeight: 32px;
  --salt-text-h4-fontSize: 16px;
  --salt-text-h4-lineHeight: 20px;
  --salt-text-label-fontSize: 14px;
  --salt-text-label-lineHeight: 18px;
  --salt-text-fontSize: 16px;
  --salt-text-lineHeight: 20px;
  --salt-text-minHeight: 20px;
  --salt-text-display1-fontSize: 84px;
  --salt-text-display1-lineHeight: 109px;
  --salt-text-display2-fontSize: 58px;
  --salt-text-display2-lineHeight: 76px;
  --salt-text-display3-fontSize: 42px;
  --salt-text-display3-lineHeight: 54px;
  --salt-text-display4-fontSize: 42px;
  --salt-text-display4-lineHeight: 54px;
  --salt-text-notation-fontSize: 14px;
  --salt-text-notation-lineHeight: 18px;
}
.salt-density-low {
  --salt-text-h1-fontSize: 32px;
  --salt-text-h1-lineHeight: 42px;
  --salt-text-h2-fontSize: 24px;
  --salt-text-h2-lineHeight: 32px;
  --salt-text-h3-fontSize: 18px;
  --salt-text-h3-lineHeight: 24px;
  --salt-text-h4-fontSize: 14px;
  --salt-text-h4-lineHeight: 18px;
  --salt-text-label-fontSize: 12px;
  --salt-text-label-lineHeight: 16px;
  --salt-text-fontSize: 14px;
  --salt-text-lineHeight: 18px;
  --salt-text-minHeight: 18px;
  --salt-text-display1-fontSize: 68px;
  --salt-text-display1-lineHeight: 88px;
  --salt-text-display2-fontSize: 46px;
  --salt-text-display2-lineHeight: 60px;
  --salt-text-display3-fontSize: 32px;
  --salt-text-display3-lineHeight: 42px;
  --salt-text-display4-fontSize: 32px;
  --salt-text-display4-lineHeight: 42px;
  --salt-text-notation-fontSize: 12px;
  --salt-text-notation-lineHeight: 16px;
}
.salt-density-medium {
  --salt-text-h1-fontSize: 24px;
  --salt-text-h1-lineHeight: 32px;
  --salt-text-h2-fontSize: 18px;
  --salt-text-h2-lineHeight: 24px;
  --salt-text-h3-fontSize: 14px;
  --salt-text-h3-lineHeight: 18px;
  --salt-text-h4-fontSize: 12px;
  --salt-text-h4-lineHeight: 16px;
  --salt-text-label-fontSize: 11px;
  --salt-text-label-lineHeight: 14px;
  --salt-text-fontSize: 12px;
  --salt-text-lineHeight: 16px;
  --salt-text-minHeight: 16px;
  --salt-text-display1-fontSize: 54px;
  --salt-text-display1-lineHeight: 70px;
  --salt-text-display2-fontSize: 36px;
  --salt-text-display2-lineHeight: 47px;
  --salt-text-display3-fontSize: 24px;
  --salt-text-display3-lineHeight: 32px;
  --salt-text-display4-fontSize: 24px;
  --salt-text-display4-lineHeight: 32px;
  --salt-text-notation-fontSize: 10px;
  --salt-text-notation-lineHeight: 13px;
}
.salt-density-high {
  --salt-text-h1-fontSize: 18px;
  --salt-text-h1-lineHeight: 24px;
  --salt-text-h2-fontSize: 14px;
  --salt-text-h2-lineHeight: 18px;
  --salt-text-h3-fontSize: 12px;
  --salt-text-h3-lineHeight: 16px;
  --salt-text-h4-fontSize: 11px;
  --salt-text-h4-lineHeight: 14px;
  --salt-text-label-fontSize: 10px;
  --salt-text-label-lineHeight: 13px;
  --salt-text-fontSize: 11px;
  --salt-text-lineHeight: 14px;
  --salt-text-minHeight: 14px;
  --salt-text-display1-fontSize: 42px;
  --salt-text-display1-lineHeight: 54px;
  --salt-text-display2-fontSize: 28px;
  --salt-text-display2-lineHeight: 36px;
  --salt-text-display3-fontSize: 18px;
  --salt-text-display3-lineHeight: 24px;
  --salt-text-display4-fontSize: 18px;
  --salt-text-display4-lineHeight: 24px;
  --salt-text-notation-fontSize: 8px;
  --salt-text-notation-lineHeight: 10px;
}

/* css/characteristics/content.css */
.salt-theme {
  --salt-content-primary-foreground: var(--salt-palette-neutral-primary-foreground);
  --salt-content-primary-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
  --salt-content-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);
  --salt-content-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
  --salt-content-accent-foreground: var(--salt-palette-accent-foreground-informative);
  --salt-content-attention-foreground: var(--salt-palette-negative-foreground);
  --salt-content-bold-foreground: var(--salt-palette-interact-cta-foreground);
  --salt-content-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
  --salt-content-foreground-hover: var(--salt-palette-accent-foreground-informative);
  --salt-content-foreground-active: var(--salt-palette-accent-foreground-informative);
  --salt-content-foreground-visited: var(--salt-palette-navigate-foreground-visited);
  --salt-content-foreground-highlight: var(--salt-palette-interact-background-active);
}

/* css/characteristics/track.css */
.salt-theme {
  --salt-track-borderStyle: solid;
  --salt-track-borderStyle-active: solid;
  --salt-track-borderStyle-complete: solid;
  --salt-track-borderStyle-incomplete: dotted;
  --salt-track-borderColor: var(--salt-palette-neutral-border);
  --salt-track-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
}

/* css/deprecated/characteristics.css */
.salt-theme {
  --salt-differential-positive-foreground: var(--salt-palette-positive-foreground);
  --salt-differential-negative-foreground: var(--salt-palette-negative-foreground);
  --salt-editable-tertiary-background: var(--salt-palette-neutral-tertiary-background);
  --salt-editable-tertiary-background-active: var(--salt-palette-neutral-tertiary-background);
  --salt-editable-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
  --salt-editable-tertiary-background-hover: var(--salt-palette-neutral-tertiary-background);
  --salt-editable-tertiary-background-readonly: var(--salt-palette-neutral-tertiary-background-readonly);
  --salt-measured-borderStyle: solid;
  --salt-measured-borderStyle-active: solid;
  --salt-measured-borderStyle-complete: solid;
  --salt-measured-borderStyle-incomplete: dotted;
  --salt-measured-borderWidth: 2px;
  --salt-measured-borderWidth-active: 2px;
  --salt-measured-borderWidth-complete: 2px;
  --salt-measured-borderWidth-incomplete: 2px;
  --salt-measured-fontWeight: var(--salt-typography-fontWeight-semiBold);
  --salt-measured-textAlign: center;
  --salt-measured-background: var(--salt-palette-measured-background);
  --salt-measured-background-disabled: var(--salt-palette-measured-background-disabled);
  --salt-measured-borderColor: var(--salt-palette-measured-border);
  --salt-measured-borderColor-disabled: var(--salt-palette-measured-border-disabled);
  --salt-measured-fill: var(--salt-palette-measured-fill);
  --salt-measured-fill-disabled: var(--salt-palette-measured-fill-disabled);
  --salt-measured-foreground: var(--salt-palette-measured-foreground);
  --salt-measured-foreground-hover: var(--salt-palette-measured-foreground-active);
  --salt-measured-foreground-active: var(--salt-palette-measured-foreground-active);
  --salt-measured-foreground-undo: var(--salt-palette-measured-foreground-active);
  --salt-measured-foreground-activeDisabled: var(--salt-palette-measured-foreground-activeDisabled);
  --salt-measured-foreground-disabled: var(--salt-palette-measured-foreground-disabled);
  --salt-overlayable-shadow-scroll-color: var(--salt-shadow-1-color);
  --salt-overlayable-shadow-borderRegion: var(--salt-shadow-2);
  --salt-selectable-foreground-partial: var(--salt-palette-interact-foreground-partial);
  --salt-selectable-foreground-partialDisabled: var(--salt-palette-interact-foreground-partialDisabled);
  --salt-selectable-cta-foreground: var(--salt-palette-interact-foreground);
  --salt-selectable-cta-foreground-disabled: var(--salt-palette-interact-foreground-disabled);
  --salt-selectable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);
  --salt-selectable-cta-foreground-selected: var(--salt-palette-interact-cta-foreground-active);
  --salt-selectable-cta-foreground-selectedDisabled: var(--salt-palette-interact-cta-foreground-activeDisabled);
  --salt-selectable-cta-background: var(--salt-palette-interact-background);
  --salt-selectable-cta-background-disabled: var(--salt-palette-interact-background-disabled);
  --salt-selectable-cta-background-hover: var(--salt-palette-interact-cta-background-hover);
  --salt-selectable-cta-background-selected: var(--salt-palette-interact-cta-background-active);
  --salt-selectable-cta-background-selectedDisabled: var(--salt-palette-interact-cta-background-activeDisabled);
  --salt-selectable-primary-foreground: var(--salt-palette-interact-foreground);
  --salt-selectable-primary-foreground-disabled: var(--salt-palette-interact-foreground-disabled);
  --salt-selectable-primary-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);
  --salt-selectable-primary-foreground-selected: var(--salt-palette-interact-primary-foreground-active);
  --salt-selectable-primary-foreground-selectedDisabled: var(--salt-palette-interact-primary-foreground-activeDisabled);
  --salt-selectable-primary-background: var(--salt-palette-interact-background);
  --salt-selectable-primary-background-disabled: var(--salt-palette-interact-background-disabled);
  --salt-selectable-primary-background-hover: var(--salt-palette-interact-primary-background-hover);
  --salt-selectable-primary-background-selected: var(--salt-palette-interact-primary-background-active);
  --salt-selectable-primary-background-selectedDisabled: var(--salt-palette-interact-primary-background-activeDisabled);
  --salt-selectable-secondary-foreground: var(--salt-palette-interact-foreground);
  --salt-selectable-secondary-foreground-disabled: var(--salt-palette-interact-foreground-disabled);
  --salt-selectable-secondary-foreground-hover: var(--salt-palette-interact-secondary-foreground-hover);
  --salt-selectable-secondary-foreground-selected: var(--salt-palette-interact-secondary-foreground-active);
  --salt-selectable-secondary-foreground-selectedDisabled: var(--salt-palette-interact-secondary-foreground-activeDisabled);
  --salt-selectable-secondary-background: var(--salt-palette-interact-background);
  --salt-selectable-secondary-background-disabled: var(--salt-palette-interact-background-disabled);
  --salt-selectable-secondary-background-hover: var(--salt-palette-interact-secondary-background-hover);
  --salt-selectable-secondary-background-selected: var(--salt-palette-interact-secondary-background-active);
  --salt-selectable-secondary-background-selectedDisabled: var(--salt-palette-interact-secondary-background-activeDisabled);
  --salt-status-info-background-emphasize: var(--salt-status-info-background);
  --salt-status-success-background-emphasize: var(--salt-status-success-background);
  --salt-status-warning-background-emphasize: var(--salt-status-warning-background);
  --salt-status-error-background-emphasize: var(--salt-status-error-background);
  --salt-status-info-foreground-disabled: var(--salt-palette-info-foreground-disabled);
  --salt-status-success-foreground-disabled: var(--salt-palette-success-foreground-disabled);
  --salt-status-warning-foreground-disabled: var(--salt-palette-warning-foreground-disabled);
  --salt-status-error-foreground-disabled: var(--salt-palette-error-foreground-disabled);
  --salt-status-static-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
  --salt-status-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
  --salt-status-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
  --salt-status-info-borderColor-disabled: var(--salt-palette-info-border-disabled);
  --salt-status-success-borderColor-disabled: var(--salt-palette-success-border-disabled);
  --salt-status-warning-borderColor-disabled: var(--salt-palette-warning-border-disabled);
  --salt-status-error-borderColor-disabled: var(--salt-palette-error-border-disabled);
  --salt-status-info-foreground: var(--salt-palette-info-foreground);
  --salt-status-error-foreground: var(--salt-palette-error-foreground);
  --salt-status-warning-foreground: var(--salt-palette-warning-foreground);
  --salt-status-success-foreground: var(--salt-palette-success-foreground);
  --salt-actionable-letterSpacing: 0.6px;
  --salt-actionable-textTransform: uppercase;
  --salt-actionable-textAlign: center;
  --salt-actionable-primary-fontWeight: var(--salt-typography-fontWeight-bold);
  --salt-actionable-cta-fontWeight: var(--salt-typography-fontWeight-bold);
  --salt-actionable-secondary-fontWeight: var(--salt-typography-fontWeight-semiBold);
  --salt-text-background-selected: var(--salt-content-foreground-highlight);
  --salt-text-link-foreground-hover: var(--salt-palette-navigate-foreground-hover);
  --salt-text-link-foreground-active: var(--salt-palette-navigate-foreground-active);
  --salt-text-link-foreground-visited: var(--salt-palette-navigate-foreground-visited);
  --salt-text-link-textDecoration: underline;
  --salt-text-link-textDecoration-hover: none;
  --salt-text-link-textDecoration-selected: underline;
  --salt-text-primary-foreground: var(--salt-palette-neutral-primary-foreground);
  --salt-text-primary-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
  --salt-text-secondary-foreground: var(--salt-palette-neutral-secondary-foreground);
  --salt-text-secondary-foreground-disabled: var(--salt-palette-neutral-secondary-foreground-disabled);
  --salt-text-textDecoration: var(--salt-typography-textDecoration-none);
  --salt-navigable-primary-background: var(--salt-palette-navigate-primary-background);
  --salt-navigable-primary-background-hover: var(--salt-palette-navigate-primary-background-hover);
  --salt-navigable-primary-background-active: var(--salt-palette-navigate-primary-background-active);
  --salt-navigable-secondary-background: var(--salt-palette-navigate-secondary-background);
  --salt-navigable-secondary-background-hover: var(--salt-palette-navigate-secondary-background-hover);
  --salt-navigable-secondary-background-active: var(--salt-palette-navigate-secondary-background-active);
  --salt-navigable-tertiary-background: var(--salt-palette-navigate-tertiary-background);
  --salt-navigable-tertiary-background-hover: var(--salt-palette-navigate-tertiary-background-hover);
  --salt-navigable-tertiary-background-active: var(--salt-palette-navigate-tertiary-background-active);
  --salt-navigable-indicator-activeDisabled: var(--salt-palette-navigate-indicator-activeDisabled);
  --salt-navigable-background-hover: var(--salt-palette-navigate-background-hover);
  --salt-navigable-textDecoration: var(--salt-typography-textDecoration-underline);
  --salt-navigable-textDecoration-hover: var(--salt-typography-textDecoration-none);
  --salt-navigable-textDecoration-selected: var(--salt-typography-textDecoration-underline);
  --salt-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
  --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
  --salt-track-borderWidth: 2px;
  --salt-track-borderWidth-active: 2px;
  --salt-track-borderWidth-complete: 2px;
  --salt-track-borderWidth-incomplete: 2px;
  --salt-track-fontWeight: var(--salt-typography-fontWeight-semiBold);
  --salt-track-textAlign: center;
  --salt-track-background: var(--salt-palette-track-background);
  --salt-track-background-disabled: var(--salt-palette-track-background-disabled);
  --salt-taggable-cursor-hover: pointer;
  --salt-taggable-cursor-active: pointer;
  --salt-taggable-cursor-disabled: not-allowed;
  --salt-taggable-background: var(--salt-palette-interact-primary-background);
  --salt-taggable-background-hover: var(--salt-palette-interact-primary-background-hover);
  --salt-taggable-background-active: var(--salt-palette-interact-primary-background-active);
  --salt-taggable-background-disabled: var(--salt-palette-interact-primary-background-disabled);
  --salt-taggable-foreground: var(--salt-palette-interact-primary-foreground);
  --salt-taggable-foreground-hover: var(--salt-palette-interact-primary-foreground-hover);
  --salt-taggable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
  --salt-taggable-foreground-disabled: var(--salt-palette-interact-primary-foreground-disabled);
  --salt-actionable-cta-background-active: var(--salt-actionable-accented-bold-background-active);
  --salt-actionable-cta-background-disabled: var(--salt-actionable-accented-bold-background-disabled);
  --salt-actionable-cta-background-hover: var(--salt-actionable-accented-bold-background-hover);
  --salt-actionable-cta-background: var(--salt-actionable-accented-bold-background);
  --salt-actionable-cta-borderColor-active: var(--salt-actionable-accented-bold-borderColor-active);
  --salt-actionable-cta-borderColor-disabled: var(--salt-actionable-accented-bold-borderColor-disabled);
  --salt-actionable-cta-borderColor-hover: var(--salt-actionable-accented-bold-borderColor-hover);
  --salt-actionable-cta-borderColor: var(--salt-actionable-accented-bold-borderColor);
  --salt-actionable-cta-foreground-active: var(--salt-actionable-accented-bold-foreground-active);
  --salt-actionable-cta-foreground-disabled: var(--salt-actionable-accented-bold-foreground-disabled);
  --salt-actionable-cta-foreground-hover: var(--salt-actionable-accented-bold-foreground-hover);
  --salt-actionable-cta-foreground: var(--salt-actionable-accented-bold-foreground);
  --salt-actionable-primary-background-active: var(--salt-actionable-bold-background-active);
  --salt-actionable-primary-background-disabled: var(--salt-actionable-bold-background-disabled);
  --salt-actionable-primary-background-hover: var(--salt-actionable-bold-background-hover);
  --salt-actionable-primary-background: var(--salt-actionable-bold-background);
  --salt-actionable-primary-borderColor-active: var(--salt-actionable-bold-borderColor-active);
  --salt-actionable-primary-borderColor-disabled: var(--salt-actionable-bold-borderColor-disabled);
  --salt-actionable-primary-borderColor-hover: var(--salt-actionable-bold-borderColor-hover);
  --salt-actionable-primary-borderColor: var(--salt-actionable-bold-borderColor);
  --salt-actionable-primary-foreground-active: var(--salt-actionable-bold-foreground-active);
  --salt-actionable-primary-foreground-disabled: var(--salt-actionable-bold-foreground-disabled);
  --salt-actionable-primary-foreground-hover: var(--salt-actionable-bold-foreground-hover);
  --salt-actionable-primary-foreground: var(--salt-actionable-bold-foreground);
  --salt-actionable-secondary-background-active: var(--salt-actionable-subtle-background-active);
  --salt-actionable-secondary-background-disabled: var(--salt-actionable-subtle-background-disabled);
  --salt-actionable-secondary-background-hover: var(--salt-actionable-subtle-background-hover);
  --salt-actionable-secondary-background: var(--salt-actionable-subtle-background);
  --salt-actionable-secondary-borderColor-active: var(--salt-actionable-subtle-borderColor-active);
  --salt-actionable-secondary-borderColor-disabled: var(--salt-actionable-subtle-borderColor-disabled);
  --salt-actionable-secondary-borderColor-hover: var(--salt-actionable-subtle-borderColor-hover);
  --salt-actionable-secondary-borderColor: var(--salt-actionable-subtle-borderColor);
  --salt-actionable-secondary-foreground-active: var(--salt-actionable-subtle-foreground-active);
  --salt-actionable-secondary-foreground-disabled: var(--salt-actionable-subtle-foreground-disabled);
  --salt-actionable-secondary-foreground-hover: var(--salt-actionable-subtle-foreground-hover);
  --salt-actionable-secondary-foreground: var(--salt-actionable-subtle-foreground);
}
.salt-density-high {
  --salt-accent-fontSize: 8px;
  --salt-accent-lineHeight: 11px;
}
.salt-density-medium {
  --salt-accent-fontSize: 10px;
  --salt-accent-lineHeight: 13px;
}
.salt-density-low {
  --salt-accent-fontSize: 12px;
  --salt-accent-lineHeight: 16px;
}
.salt-density-touch {
  --salt-accent-fontSize: 14px;
  --salt-accent-lineHeight: 18px;
}

/* css/deprecated/fade.css */
.salt-theme {
  --salt-color-orange-500-fade-foreground: rgba(234, 115, 25, var(--salt-palette-opacity-foreground));
  --salt-color-orange-700-fade-foreground: rgba(214, 85, 19, var(--salt-palette-opacity-foreground));
  --salt-color-orange-400-fade-background: rgba(238, 133, 43, var(--salt-palette-opacity-background));
  --salt-color-blue-300-fade-fill: rgba(51, 141, 205, var(--salt-palette-opacity-fill));
  --salt-color-blue-500-fade-fill: rgba(38, 112, 169, var(--salt-palette-opacity-fill));
  --salt-color-white-fade-background-hover: rgba(255, 255, 255, var(--salt-opacity-8));
  --salt-color-black-fade-background-hover: rgba(0, 0, 0, var(--salt-opacity-8));
  --salt-color-blue-100-fade-foreground: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));
  --salt-color-blue-200-fade-foreground: rgba(75, 159, 216, var(--salt-palette-opacity-disabled));
  --salt-color-blue-500-fade-foreground: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
  --salt-color-blue-600-fade-foreground: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
  --salt-color-gray-200-fade-foreground: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
  --salt-color-gray-70-fade-foreground: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));
  --salt-color-gray-90-fade-foreground: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));
  --salt-color-gray-900-fade-foreground: rgba(22, 22, 22, var(--salt-palette-opacity-disabled));
  --salt-color-green-200-fade-foreground: rgba(77, 180, 105, var(--salt-palette-opacity-disabled));
  --salt-color-green-300-fade-foreground: rgba(60, 171, 96, var(--salt-palette-opacity-disabled));
  --salt-color-green-400-fade-foreground: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));
  --salt-color-green-500-fade-foreground: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
  --salt-color-green-600-fade-foreground: rgba(24, 114, 61, var(--salt-palette-opacity-disabled));
  --salt-color-green-700-fade-foreground: rgba(12, 93, 46, var(--salt-palette-opacity-disabled));
  --salt-color-red-200-fade-foreground: rgba(255, 108, 88, var(--salt-palette-opacity-disabled));
  --salt-color-red-300-fade-foreground: rgba(255, 89, 66, var(--salt-palette-opacity-disabled));
  --salt-color-red-500-fade-foreground: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));
  --salt-color-red-600-fade-foreground: rgba(196, 32, 16, var(--salt-palette-opacity-disabled));
  --salt-color-red-700-fade-foreground: rgba(166, 21, 11, var(--salt-palette-opacity-disabled));
  --salt-color-orange-400-fade-foreground: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));
  --salt-color-orange-850-fade-foreground: rgba(194, 52, 7, var(--salt-palette-opacity-disabled));
  --salt-color-white-fade-foreground: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));
  --salt-color-blue-500-fade-border: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
  --salt-color-gray-50-fade-border: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
  --salt-color-gray-60-fade-border: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
  --salt-color-gray-90-fade-border: rgba(132, 135, 142, var(--salt-palette-opacity-disabled));
  --salt-color-gray-200-fade-border: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
  --salt-color-gray-300-fade-border: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));
  --salt-color-green-400-fade-border: rgba(48, 156, 90, var(--salt-palette-opacity-disabled));
  --salt-color-green-500-fade-border: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
  --salt-color-orange-400-fade-border: rgba(238, 133, 43, var(--salt-palette-opacity-disabled));
  --salt-color-orange-500-fade-border: rgba(234, 115, 25, var(--salt-palette-opacity-disabled));
  --salt-color-orange-600-fade-border: rgba(224, 101, 25, var(--salt-palette-opacity-disabled));
  --salt-color-orange-700-fade-border: rgba(214, 85, 19, var(--salt-palette-opacity-disabled));
  --salt-color-red-500-fade-border: rgba(227, 43, 22, var(--salt-palette-opacity-disabled));
  --salt-color-gray-90-fade-border-readonly: rgba(132, 135, 142, var(--salt-palette-opacity-border-readonly));
  --salt-color-gray-200-fade-border-readonly: rgba(97, 101, 110, var(--salt-palette-opacity-border-readonly));
  --salt-color-blue-30-fade-background: rgba(164, 213, 244, var(--salt-palette-opacity-disabled));
  --salt-color-blue-500-fade-background: rgba(38, 112, 169, var(--salt-palette-opacity-disabled));
  --salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
  --salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-disabled));
  --salt-color-gray-20-fade-background: rgba(234, 237, 239, var(--salt-palette-opacity-disabled));
  --salt-color-gray-30-fade-background: rgba(224, 228, 233, var(--salt-palette-opacity-disabled));
  --salt-color-gray-50-fade-background: rgba(206, 210, 217, var(--salt-palette-opacity-disabled));
  --salt-color-gray-60-fade-background: rgba(197, 201, 208, var(--salt-palette-opacity-disabled));
  --salt-color-gray-70-fade-background: rgba(180, 183, 190, var(--salt-palette-opacity-disabled));
  --salt-color-gray-200-fade-background: rgba(97, 101, 110, var(--salt-palette-opacity-disabled));
  --salt-color-gray-300-fade-background: rgba(76, 80, 91, var(--salt-palette-opacity-disabled));
  --salt-color-gray-500-fade-background: rgba(59, 63, 70, var(--salt-palette-opacity-disabled));
  --salt-color-gray-600-fade-background: rgba(47, 49, 54, var(--salt-palette-opacity-disabled));
  --salt-color-gray-800-fade-background: rgba(36, 37, 38, var(--salt-palette-opacity-disabled));
  --salt-color-white-fade-background: rgba(255, 255, 255, var(--salt-palette-opacity-disabled));
  --salt-color-green-500-fade-background: rgba(36, 135, 75, var(--salt-palette-opacity-disabled));
  --salt-color-green-600-fade-background: rgba(24, 114, 61, var(--salt-palette-opacity-disabled));
  --salt-color-red-600-fade-background: rgba(196, 32, 16, var(--salt-palette-opacity-disabled));
  --salt-color-white-fade-background-readonly: rgba(255, 255, 255, var(--salt-palette-opacity-background-readonly));
  --salt-color-gray-20-fade-background-readonly: rgba(234, 237, 239, var(--salt-palette-opacity-background-readonly));
  --salt-color-gray-600-fade-background-readonly: rgba(47, 49, 54, var(--salt-palette-opacity-background-readonly));
  --salt-color-gray-800-fade-background-readonly: rgba(36, 37, 38, var(--salt-palette-opacity-background-readonly));
  --salt-color-white-fade-backdrop: rgba(255, 255, 255, var(--salt-palette-opacity-backdrop));
  --salt-color-black-fade-backdrop: rgba(0, 0, 0, var(--salt-palette-opacity-backdrop));
  --salt-color-blue-100-fade-fill: rgba(100, 177, 228, var(--salt-palette-opacity-disabled));
  --salt-color-blue-600-fade-fill: rgba(21, 92, 147, var(--salt-palette-opacity-disabled));
  --salt-color-white-fade-separatorOpacity-primary: rgba(255, 255, 255, var(--salt-palette-opacity-primary-border));
  --salt-color-white-fade-separatorOpacity-secondary: rgba(255, 255, 255, var(--salt-palette-opacity-secondary-border));
  --salt-color-white-fade-separatorOpacity-tertiary: rgba(255, 255, 255, var(--salt-palette-opacity-tertiary-border));
  --salt-color-black-fade-separatorOpacity-primary: rgba(0, 0, 0, var(--salt-palette-opacity-primary-border));
  --salt-color-black-fade-separatorOpacity-secondary: rgba(0, 0, 0, var(--salt-palette-opacity-secondary-border));
  --salt-color-black-fade-separatorOpacity-tertiary: rgba(0, 0, 0, var(--salt-palette-opacity-tertiary-border));
  --salt-color-black-fade-background-selection: rgba(0, 0, 0, var(--salt-opacity-15));
  --salt-color-black-fade-background-highlight: rgba(0, 0, 0, var(--salt-opacity-25));
  --salt-color-white-fade-background-selection: rgba(255, 255, 255, var(--salt-opacity-15));
  --salt-color-white-fade-background-highlight: rgba(255, 255, 255, var(--salt-opacity-25));
  --salt-color-white-15a: rgba(var(--salt-color-white-rgb), 0.15);
  --salt-color-white-45a: rgba(var(--salt-color-white-rgb), 0.45);
  --salt-color-black-15a: rgba(var(--salt-color-black-rgb), 0.15);
  --salt-color-black-45a: rgba(var(--salt-color-black-rgb), 0.45);
}

/* css/deprecated/foundations.css */
.salt-theme {
  --salt-delay-instant: 100ms;
  --salt-delay-perceptible: 300ms;
  --salt-delay-notable: 1000ms;
  --salt-delay-cutoff: 10000ms;
  --salt-size-icon-base: var(--salt-icon-size-base);
  --salt-opacity-1: 0.15;
  --salt-opacity-2: 0.25;
  --salt-opacity-3: 0.4;
  --salt-opacity-4: 0.7;
  --salt-opacity-8: 0.08;
  --salt-opacity-0: 0;
  --salt-opacity-15: 0.15;
  --salt-opacity-25: 0.25;
  --salt-opacity-40: 0.4;
  --salt-opacity-45: 0.45;
  --salt-opacity-70: 0.7;
  --salt-shadow-0: none;
  --salt-shadow-1: 0 1px 3px 0 var(--salt-shadow-1-color);
  --salt-shadow-2: 0 2px 4px 0 var(--salt-shadow-2-color);
  --salt-shadow-3: 0 4px 8px 0 var(--salt-shadow-3-color);
  --salt-shadow-4: 0 6px 10px 0 var(--salt-shadow-4-color);
  --salt-shadow-5: 0 12px 40px 0 var(--salt-shadow-5-color);
  --salt-typography-fontFamily: var(--salt-typography-fontFamily-openSans);
  --salt-typography-fontFamily-code: var(--salt-typography-fontFamily-ptMono);
}
.salt-theme[data-mode=light] {
  --salt-shadow-1-color: rgba(0, 0, 0, 0.1);
  --salt-shadow-2-color: rgba(0, 0, 0, 0.1);
  --salt-shadow-3-color: rgba(0, 0, 0, 0.15);
  --salt-shadow-4-color: rgba(0, 0, 0, 0.2);
  --salt-shadow-5-color: rgba(0, 0, 0, 0.3);
}
.salt-theme[data-mode=dark] {
  --salt-shadow-1-color: rgba(0, 0, 0, 0.5);
  --salt-shadow-2-color: rgba(0, 0, 0, 0.5);
  --salt-shadow-3-color: rgba(0, 0, 0, 0.55);
  --salt-shadow-4-color: rgba(0, 0, 0, 0.55);
  --salt-shadow-5-color: rgba(0, 0, 0, 0.65);
}
.salt-density-touch,
.salt-density-low,
.salt-density-medium,
.salt-density-high {
  --salt-size-selection: var(--salt-size-selectable);
  --salt-size-brandBar: 4px;
  --salt-size-graphic-small: 12px;
  --salt-size-graphic-medium: 24px;
  --salt-size-graphic-large: 48px;
  --salt-size-divider-height: var(--salt-size-separator-height);
  --salt-size-divider-strokeWidth: var(--salt-size-separator-strokeWidth);
  --salt-size-detail: var(--salt-size-compact);
  --salt-size-basis-unit: 4px;
  --salt-size-adornmentGap: calc(0.75 * var(--salt-size-unit));
  --salt-size-container-spacing: calc(3 * var(--salt-size-unit));
  --salt-size-separator-strokeWidth: 1px;
  --salt-size-separator-height: calc(var(--salt-size-compact) + 1.5 * var(--salt-size-basis-unit));
  --salt-size-sharktooth-height: 5px;
  --salt-size-sharktooth-width: 10px;
  --salt-size-stackable: calc(var(--salt-size-base) + var(--salt-size-unit));
  --salt-zIndex-docked: 1050;
}
.salt-density-high {
  --salt-size-unit: calc(var(--salt-size-basis-unit) * 1);
  --salt-size-compact: calc(var(--salt-size-basis-unit) * 1.5);
  --salt-size-accent: calc(var(--salt-size-basis-unit) * 0.5);
  --salt-icon-size-base: 10px;
  --salt-icon-size-status-adornment: 6px;
}
.salt-density-medium {
  --salt-size-unit: calc(var(--salt-size-basis-unit) * 2);
  --salt-size-compact: calc(var(--salt-size-basis-unit) * 2);
  --salt-size-accent: calc(var(--salt-size-basis-unit) * 1);
  --salt-icon-size-base: 12px;
  --salt-icon-size-status-adornment: 8px;
}
.salt-density-low {
  --salt-size-unit: calc(var(--salt-size-basis-unit) * 3);
  --salt-size-compact: calc(var(--salt-size-basis-unit) * 2.5);
  --salt-size-accent: calc(var(--salt-size-basis-unit) * 1.5);
  --salt-icon-size-base: 14px;
  --salt-icon-size-status-adornment: 10px;
}
.salt-density-touch {
  --salt-size-unit: calc(var(--salt-size-basis-unit) * 4);
  --salt-size-compact: calc(var(--salt-size-basis-unit) * 3);
  --salt-size-accent: calc(var(--salt-size-basis-unit) * 2);
  --salt-icon-size-base: 16px;
  --salt-icon-size-status-adornment: 12px;
}

/* css/deprecated/palette.css */
.salt-theme {
  --salt-palette-error-background-emphasize: var(--salt-palette-error-background);
  --salt-palette-warning-background-emphasize: var(--salt-palette-warning-background);
  --salt-palette-success-background-emphasize: var(--salt-palette-success-background);
  --salt-palette-info-background-emphasize: var(--salt-palette-info-background);
  --salt-palette-opacity-fill: var(--salt-palette-opacity-disabled);
  --salt-palette-opacity-stroke: var(--salt-palette-opacity-disabled);
  --salt-palette-opacity-background: var(--salt-palette-opacity-disabled);
  --salt-palette-opacity-border: var(--salt-palette-opacity-disabled);
  --salt-palette-opacity-foreground: var(--salt-palette-opacity-disabled);
  --salt-palette-opacity-backdrop: var(--salt-opacity-70);
  --salt-palette-opacity-disabled: var(--salt-opacity-40);
  --salt-palette-opacity-background-readonly: var(--salt-opacity-0);
  --salt-palette-opacity-border-readonly: var(--salt-opacity-15);
  --salt-palette-opacity-primary-border: var(--salt-opacity-45);
  --salt-palette-opacity-secondary-border: var(--salt-opacity-25);
  --salt-palette-opacity-tertiary-border: var(--salt-opacity-15);
  --salt-palette-alpha: var(--salt-palette-alpha-contrast-low);
  --salt-palette-alpha-strong: var(--salt-palette-alpha-contrast-mediumLow);
  --salt-palette-alpha-weak: var(--salt-palette-alpha-contrast-lower);
  --salt-palette-alpha-weaker: var(--salt-palette-alpha-contrast-lowest);
  --salt-palette-alpha-backdrop: var(--salt-palette-alpha-high);
}
.salt-theme[data-mode=light] {
  --salt-palette-interact-foreground-partial: var(--salt-color-blue-600);
  --salt-palette-interact-foreground-partialDisabled: var(--salt-color-blue-600-fade-foreground);
  --salt-palette-interact-cta-background-activeDisabled: var(--salt-color-blue-700-fade-background);
  --salt-palette-interact-cta-foreground-activeDisabled: var(--salt-color-white-fade-foreground);
  --salt-palette-interact-primary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);
  --salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-200-fade-background);
  --salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);
  --salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-200-fade-background);
  --salt-palette-interact-background: transparent;
  --salt-palette-interact-background-disabled: transparent;
  --salt-palette-interact-border-none: transparent;
  --salt-palette-interact-secondary-background: transparent;
  --salt-palette-interact-secondary-background-disabled: transparent;
  --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
  --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
  --salt-palette-measured-fill: var(--salt-color-blue-500);
  --salt-palette-measured-fill-disabled: var(--salt-color-blue-500-fade-fill);
  --salt-palette-measured-foreground: var(--salt-color-gray-90);
  --salt-palette-measured-foreground-active: var(--salt-color-blue-500);
  --salt-palette-measured-foreground-disabled: var(--salt-color-gray-90-fade-foreground);
  --salt-palette-measured-foreground-activeDisabled: var(--salt-color-blue-500-fade-fill);
  --salt-palette-measured-background: var(--salt-color-gray-60);
  --salt-palette-measured-background-disabled: var(--salt-color-gray-60-fade-background);
  --salt-palette-measured-border: var(--salt-color-gray-90);
  --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
  --salt-palette-neutral-tertiary-background-readonly: transparent;
  --salt-palette-neutral-backdrop: var(--salt-color-white-fade-backdrop);
  --salt-palette-neutral-primary-background-readonly: var(--salt-color-white-fade-background-readonly);
  --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-20-fade-background-readonly);
  --salt-palette-neutral-primary-separator: var(--salt-color-black-fade-separatorOpacity-primary);
  --salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);
  --salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);
  --salt-palette-neutral-selection: var(--salt-color-black-fade-background-selection);
  --salt-palette-neutral-highlight: var(--salt-color-black-fade-background-highlight);
  --salt-palette-neutral-primary-border: var(--salt-color-gray-50);
  --salt-palette-neutral-secondary-border: var(--salt-color-gray-50);
  --salt-palette-neutral-tertiary-border: var(--salt-color-gray-50);
  --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-50-fade-border);
  --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-50-fade-border);
  --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-50-fade-border);
  --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
  --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
  --salt-palette-error-foreground: var(--salt-color-red-500);
  --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
  --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
  --salt-palette-info-foreground: var(--salt-color-blue-500);
  --salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);
  --salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);
  --salt-palette-success-foreground: var(--salt-color-green-500);
  --salt-palette-warning-foreground-disabled: var(--salt-color-orange-700-fade-foreground);
  --salt-palette-warning-foreground: var(--salt-color-orange-700);
  --salt-palette-navigate-primary-background: transparent;
  --salt-palette-navigate-primary-background-active: transparent;
  --salt-palette-navigate-primary-background-hover: var(--salt-color-gray-20);
  --salt-palette-navigate-secondary-background: transparent;
  --salt-palette-navigate-secondary-background-active: transparent;
  --salt-palette-navigate-secondary-background-hover: var(--salt-color-gray-30);
  --salt-palette-navigate-tertiary-background: transparent;
  --salt-palette-navigate-tertiary-background-active: transparent;
  --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-20);
  --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-600-fade-border);
  --salt-palette-navigate-background-hover: var(--salt-color-black-fade-background-hover);
  --salt-palette-navigate-foreground-hover: var(--salt-color-blue-600);
  --salt-palette-navigate-foreground-active: var(--salt-color-blue-700);
  --salt-palette-track-border: var(--salt-color-gray-90);
  --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);
  --salt-palette-track-background: var(--salt-color-gray-60);
  --salt-palette-track-background-disabled: var(--salt-color-gray-60-fade-background);
  --salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground);
  --salt-palette-accent-background: var(--salt-color-blue-500);
  --salt-palette-accent-border: var(--salt-color-blue-500);
  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
}
.salt-theme[data-mode=dark] {
  --salt-palette-interact-foreground-partial: var(--salt-color-blue-100);
  --salt-palette-interact-foreground-partialDisabled: var(--salt-color-blue-100-fade-foreground);
  --salt-palette-interact-cta-background-activeDisabled: var(--salt-color-blue-700-fade-background);
  --salt-palette-interact-cta-foreground-activeDisabled: var(--salt-color-white-fade-foreground);
  --salt-palette-interact-primary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);
  --salt-palette-interact-primary-background-activeDisabled: var(--salt-color-gray-70-fade-background);
  --salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);
  --salt-palette-interact-secondary-background-activeDisabled: var(--salt-color-gray-70-fade-background);
  --salt-palette-interact-background: transparent;
  --salt-palette-interact-background-disabled: transparent;
  --salt-palette-interact-border-none: transparent;
  --salt-palette-interact-secondary-background: transparent;
  --salt-palette-interact-secondary-background-disabled: transparent;
  --salt-palette-interact-cta-foreground-active: var(--salt-color-white);
  --salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
  --salt-palette-measured-fill: var(--salt-color-blue-300);
  --salt-palette-measured-fill-disabled: var(--salt-color-blue-300-fade-fill);
  --salt-palette-measured-foreground: var(--salt-color-gray-90);
  --salt-palette-measured-foreground-active: var(--salt-color-blue-300);
  --salt-palette-measured-foreground-disabled: var(--salt-color-gray-90-fade-foreground);
  --salt-palette-measured-foreground-activeDisabled: var(--salt-color-blue-300-fade-fill);
  --salt-palette-measured-background: var(--salt-color-gray-300);
  --salt-palette-measured-background-disabled: var(--salt-color-gray-300-fade-background);
  --salt-palette-measured-border: var(--salt-color-gray-90);
  --salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
  --salt-palette-neutral-tertiary-background-readonly: transparent;
  --salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);
  --salt-palette-neutral-primary-background-readonly: var(--salt-color-gray-800-fade-background-readonly);
  --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-600-fade-background-readonly);
  --salt-palette-neutral-primary-separator: var(--salt-color-white-fade-separatorOpacity-primary);
  --salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);
  --salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);
  --salt-palette-neutral-selection: var(--salt-color-white-fade-background-selection);
  --salt-palette-neutral-highlight: var(--salt-color-white-fade-background-highlight);
  --salt-palette-neutral-primary-border: var(--salt-color-gray-300);
  --salt-palette-neutral-secondary-border: var(--salt-color-gray-300);
  --salt-palette-neutral-tertiary-border: var(--salt-color-gray-300);
  --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-300-fade-border);
  --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-300-fade-border);
  --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-300-fade-border);
  --salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
  --salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
  --salt-palette-error-foreground: var(--salt-color-red-500);
  --salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
  --salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
  --salt-palette-info-foreground: var(--salt-color-blue-500);
  --salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);
  --salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);
  --salt-palette-success-foreground: var(--salt-color-green-400);
  --salt-palette-warning-foreground-disabled: var(--salt-color-orange-500-fade-foreground);
  --salt-palette-warning-foreground: var(--salt-color-orange-500);
  --salt-palette-navigate-primary-background: transparent;
  --salt-palette-navigate-primary-background-active: transparent;
  --salt-palette-navigate-primary-background-hover: var(--salt-color-gray-700);
  --salt-palette-navigate-secondary-background: transparent;
  --salt-palette-navigate-secondary-background-active: transparent;
  --salt-palette-navigate-secondary-background-hover: var(--salt-color-gray-600);
  --salt-palette-navigate-tertiary-background: transparent;
  --salt-palette-navigate-tertiary-background-active: transparent;
  --salt-palette-navigate-tertiary-background-hover: var(--salt-color-gray-700);
  --salt-palette-navigate-indicator-activeDisabled: var(--salt-color-orange-400-fade-border);
  --salt-palette-navigate-background-hover: var(--salt-color-white-fade-background-hover);
  --salt-palette-navigate-foreground-hover: var(--salt-color-blue-200);
  --salt-palette-navigate-foreground-active: var(--salt-color-blue-300);
  --salt-palette-track-border: var(--salt-color-gray-90);
  --salt-palette-track-border-disabled: var(--salt-color-gray-90-fade-border);
  --salt-palette-track-background: var(--salt-color-gray-300);
  --salt-palette-track-background-disabled: var(--salt-color-gray-300-fade-background);
  --salt-palette-accent-foreground-disabled: var(--salt-color-white-fade-foreground);
  --salt-palette-accent-background: var(--salt-color-blue-500);
  --salt-palette-accent-border: var(--salt-color-blue-500);
  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
}

/* css/theme.css */

/* index.css */