@salt-ds/theme 1.23.3 → 1.25.0

package/css/theme.css

@@ -1,3 +1,48 @@
+/* css/foundations/alpha.css */
+.salt-theme {
+  --salt-color-white-10a: rgba(var(--salt-color-white-rgb), 0.1);
+  --salt-color-white-15a: rgba(var(--salt-color-white-rgb), 0.15);
+  --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-45a: rgba(var(--salt-color-white-rgb), 0.45);
+  --salt-color-white-70a: rgba(var(--salt-color-white-rgb), 0.7);
+  --salt-color-black-10a: rgba(var(--salt-color-black-rgb), 0.1);
+  --salt-color-black-15a: rgba(var(--salt-color-black-rgb), 0.15);
+  --salt-color-black-30a: rgba(var(--salt-color-black-rgb), 0.3);
+  --salt-color-black-45a: rgba(var(--salt-color-black-rgb), 0.45);
+  --salt-color-black-70a: rgba(var(--salt-color-black-rgb), 0.7);
+  --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,
@@ -145,111 +190,531 @@
 
 /* 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:
+    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);
@@ -299,7 +764,7 @@
   --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, 86, 158);
+  --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);
@@ -326,7 +791,7 @@
   --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(120, 104, 206);
+  --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);
@@ -353,7 +818,7 @@
   --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, 91, 21);
+  --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);
@@ -440,95 +905,6 @@
   --salt-duration-cutoff: 10000ms;
 }
 
-/* css/foundations/fade.css */
-.salt-theme {
-  --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-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-hover: rgba(0, 0, 0, var(--salt-opacity-8));
-  --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-hover: rgba(255, 255, 255, var(--salt-opacity-8));
-  --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));
-}
-
-/* css/foundations/opacity.css */
-.salt-theme {
-  --salt-opacity-0: 0;
-  --salt-opacity-8: 0.08;
-  --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;
-}
-
 /* css/foundations/shadow.css */
 .salt-theme[data-mode=light] {
   --salt-shadow-100-color: rgba(0, 0, 0, 0.1);
@@ -659,24 +1035,38 @@
   --salt-zIndex-flyover: 1500;
 }
 
+/* css/palette/alpha.css */
+.salt-theme[data-mode=light] {
+  --salt-palette-alpha: var(--salt-color-black-30a);
+  --salt-palette-alpha-strong: var(--salt-color-black-45a);
+  --salt-palette-alpha-weak: var(--salt-color-black-15a);
+  --salt-palette-alpha-weaker: var(--salt-color-black-10a);
+  --salt-palette-alpha-backdrop: var(--salt-color-white-70a);
+  --salt-palette-alpha-none: transparent;
+}
+.salt-theme[data-mode=dark] {
+  --salt-palette-alpha: var(--salt-color-white-30a);
+  --salt-palette-alpha-strong: var(--salt-color-white-45a);
+  --salt-palette-alpha-weak: var(--salt-color-white-15a);
+  --salt-palette-alpha-weaker: var(--salt-color-white-10a);
+  --salt-palette-alpha-backdrop: var(--salt-color-black-70a);
+  --salt-palette-alpha-none: transparent;
+}
+
 /* css/palette/accent.css */
 .salt-theme[data-mode=light] {
-  --salt-palette-accent-background: var(--salt-color-blue-500);
-  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
-  --salt-palette-accent-border: var(--salt-color-blue-500);
-  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
+  --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-fade-foreground);
+  --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
 }
 .salt-theme[data-mode=dark] {
-  --salt-palette-accent-background: var(--salt-color-blue-500);
-  --salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
-  --salt-palette-accent-border: var(--salt-color-blue-500);
-  --salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
+  --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-fade-foreground);
+  --salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
 }
 
 /* css/palette/error.css */
@@ -841,103 +1231,88 @@
 
 /* css/palette/interact.css */
 .salt-theme[data-mode=light] {
-  --salt-palette-interact-background: transparent;
   --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-disabled: transparent;
-  --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-30-fade-background);
+  --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-fade-fill);
-  --salt-palette-interact-border-disabled: var(--salt-color-gray-200-fade-border);
+  --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-fade-border-readonly);
-  --salt-palette-interact-border-none: transparent;
+  --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-fade-foreground);
-  --salt-palette-interact-foreground-disabled: var(--salt-color-gray-200-fade-foreground);
+  --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-fade-background);
+  --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-active: var(--salt-color-white);
-  --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);
-  --salt-palette-interact-cta-foreground-hover: 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-fade-background);
+  --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-fade-foreground);
+  --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: transparent;
   --salt-palette-interact-secondary-background-active: var(--salt-color-gray-200);
-  --salt-palette-interact-secondary-background-disabled: transparent;
   --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-fade-foreground);
+  --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: transparent;
   --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-disabled: transparent;
-  --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-700-fade-background);
+  --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-fade-fill);
-  --salt-palette-interact-border-disabled: var(--salt-color-gray-90-fade-border);
+  --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-fade-border-readonly);
-  --salt-palette-interact-border-none: transparent;
+  --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-fade-foreground);
-  --salt-palette-interact-foreground-disabled: var(--salt-color-gray-90-fade-foreground);
+  --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-fade-background);
+  --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-active: var(--salt-color-white);
-  --salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-fade-foreground);
-  --salt-palette-interact-cta-foreground-hover: 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-fade-background);
+  --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-fade-foreground);
+  --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: transparent;
   --salt-palette-interact-secondary-background-active: var(--salt-color-gray-70);
-  --salt-palette-interact-secondary-background-disabled: transparent;
   --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-fade-foreground);
+  --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-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-navigate-foreground-visited: var(--salt-color-purple-800);
@@ -945,7 +1320,6 @@
   --salt-palette-navigate-indicator-active: var(--salt-color-orange-600);
 }
 .salt-theme[data-mode=dark] {
-  --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-navigate-foreground-visited: var(--salt-color-purple-100);
@@ -956,110 +1330,75 @@
 /* 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-fade-foreground);
+  --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-fade-background);
+  --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-fade-border);
+  --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-fade-foreground);
+  --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-fade-background);
+  --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-fade-border);
+  --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-fade-background);
-  --salt-palette-neutral-primary-background-readonly: var(--salt-color-white-fade-background-readonly);
+  --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-fade-foreground);
-  --salt-palette-neutral-primary-separator: var(--salt-color-black-fade-separatorOpacity-primary);
-  --salt-palette-neutral-primary-border: var(--salt-color-gray-50);
-  --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-50-fade-border);
+  --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-fade-background);
-  --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-20-fade-background-readonly);
-  --salt-palette-neutral-secondary-border: var(--salt-color-gray-50);
-  --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-50-fade-border);
+  --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-fade-foreground);
-  --salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);
+  --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-fade-background);
-  --salt-palette-neutral-tertiary-border: var(--salt-color-gray-50);
-  --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-50-fade-background);
-  --salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);
-  --salt-palette-neutral-backdrop: var(--salt-color-white-fade-backdrop);
-  --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-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-fade-background);
-  --salt-palette-neutral-primary-background-readonly: var(--salt-color-gray-800-fade-background-readonly);
-  --salt-palette-neutral-primary-border: var(--salt-color-gray-300);
-  --salt-palette-neutral-primary-border-disabled: var(--salt-color-gray-300-fade-border);
+  --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-fade-foreground);
-  --salt-palette-neutral-primary-separator: var(--salt-color-white-fade-separatorOpacity-primary);
+  --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-fade-background);
-  --salt-palette-neutral-secondary-background-readonly: var(--salt-color-gray-600-fade-background-readonly);
-  --salt-palette-neutral-secondary-border: var(--salt-color-gray-300);
-  --salt-palette-neutral-secondary-border-disabled: var(--salt-color-gray-300-fade-border);
+  --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-fade-foreground);
-  --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-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-fade-background);
-  --salt-palette-neutral-tertiary-border: var(--salt-color-gray-300);
-  --salt-palette-neutral-tertiary-border-disabled: var(--salt-color-gray-300-fade-background);
-  --salt-palette-neutral-backdrop: var(--salt-color-black-fade-backdrop);
-  --salt-palette-neutral-selection: var(--salt-color-white-fade-background-selection);
-  --salt-palette-neutral-highlight: var(--salt-color-white-fade-background-highlight);
-}
-
-/* css/palette/opacity.css */
-.salt-theme {
-  --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-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-fade-foreground);
+  --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-fade-background);
+  --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-fade-background);
+  --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-fade-foreground);
+  --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-fade-background);
+  --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-fade-background);
+  --salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
 }
 
 /* css/palette/success.css */
@@ -1107,39 +1446,39 @@
   --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-fade-border);
+  --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-fade-foreground);
+  --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-fade-background);
+  --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-fade-foreground);
+  --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-fade-border);
+  --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-fade-foreground);
+  --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-fade-background);
+  --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-fade-foreground);
+  --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-background);
-  --salt-accent-background-disabled: var(--salt-palette-accent-background-disabled);
-  --salt-accent-borderColor: var(--salt-palette-accent-border);
+  --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-foreground: var(--salt-palette-accent-foreground);
 }
 
@@ -1152,10 +1491,10 @@
   --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-interact-border-none);
-  --salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
-  --salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-interact-border-none);
-  --salt-actionable-accented-bold-borderColor: var(--salt-palette-interact-border-none);
+  --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);
@@ -1164,58 +1503,58 @@
   --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-interact-border-none);
-  --salt-actionable-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
-  --salt-actionable-bold-borderColor-hover: var(--salt-palette-interact-border-none);
-  --salt-actionable-bold-borderColor: var(--salt-palette-interact-border-none);
+  --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-interact-background);
+  --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-interact-background);
+  --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-border-disabled);
+  --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-border);
+  --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-interact-background);
+  --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-interact-background);
-  --salt-actionable-borderColor-active: var(--salt-palette-interact-border-none);
+  --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-interact-border-none);
+  --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-interact-background);
+  --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-interact-background);
-  --salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-interact-border-none);
-  --salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
-  --salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
-  --salt-actionable-accented-subtle-borderColor: var(--salt-palette-interact-border-none);
+  --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-interact-background);
+  --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-interact-background);
-  --salt-actionable-subtle-borderColor-active: var(--salt-palette-interact-border-none);
-  --salt-actionable-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
-  --salt-actionable-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
-  --salt-actionable-subtle-borderColor: var(--salt-palette-interact-border-none);
+  --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);
@@ -1224,34 +1563,34 @@
   --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-interact-border-none);
-  --salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
-  --salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-interact-border-none);
-  --salt-actionable-negative-bold-borderColor: var(--salt-palette-interact-border-none);
+  --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-interact-background);
+  --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-interact-background);
-  --salt-actionable-negative-borderColor-active: var(--salt-palette-interact-border-none);
+  --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-interact-border-none);
+  --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-interact-background);
+  --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-interact-background);
-  --salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-interact-border-none);
-  --salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
-  --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
-  --salt-actionable-negative-subtle-borderColor: var(--salt-palette-interact-border-none);
+  --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);
@@ -1260,34 +1599,34 @@
   --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-interact-border-none);
-  --salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
-  --salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-interact-border-none);
-  --salt-actionable-positive-bold-borderColor: var(--salt-palette-interact-border-none);
+  --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-interact-background);
+  --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-interact-background);
-  --salt-actionable-positive-borderColor-active: var(--salt-palette-interact-border-none);
+  --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-interact-border-none);
+  --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-interact-background);
+  --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-interact-background);
-  --salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-interact-border-none);
-  --salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
-  --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
-  --salt-actionable-positive-subtle-borderColor: var(--salt-palette-interact-border-none);
+  --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);
@@ -1296,34 +1635,34 @@
   --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-interact-border-none);
-  --salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-interact-border-none);
-  --salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-interact-border-none);
-  --salt-actionable-caution-bold-borderColor: var(--salt-palette-interact-border-none);
+  --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-interact-background);
+  --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-interact-background);
-  --salt-actionable-caution-borderColor-active: var(--salt-palette-interact-border-none);
+  --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-interact-border-none);
+  --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-interact-background);
+  --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-interact-background);
-  --salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-interact-border-none);
-  --salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-interact-border-none);
-  --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-interact-border-none);
-  --salt-actionable-caution-subtle-borderColor: var(--salt-palette-interact-border-none);
+  --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);
@@ -1439,16 +1778,16 @@
   --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-primary-border);
-  --salt-container-primary-borderColor-disabled: var(--salt-palette-neutral-primary-border-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-secondary-border);
-  --salt-container-secondary-borderColor-disabled: var(--salt-palette-neutral-secondary-border-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-tertiary-border);
-  --salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-tertiary-border-disabled);
+  --salt-container-tertiary-borderColor: var(--salt-palette-neutral-border);
+  --salt-container-tertiary-borderColor-disabled: var(--salt-palette-neutral-border-disabled);
 }
 
 /* css/characteristics/draggable.css */
@@ -1492,12 +1831,12 @@
   --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-neutral-primary-background-readonly);
+  --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-neutral-secondary-background-readonly);
+  --salt-editable-secondary-background-readonly: var(--salt-palette-alpha-none);
   --salt-editable-help-fontStyle: italic;
 }
 
@@ -1534,7 +1873,6 @@
   --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);
-  --salt-navigable-background-hover: var(--salt-palette-navigate-background-hover);
   --salt-navigable-textDecoration: underline;
   --salt-navigable-textDecoration-hover: none;
   --salt-navigable-textDecoration-selected: underline;
@@ -1549,9 +1887,9 @@
   --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-neutral-backdrop);
-  --salt-overlayable-background-highlight: var(--salt-palette-neutral-highlight);
-  --salt-overlayable-rangeSelection: var(--salt-palette-neutral-selection);
+  --salt-overlayable-background: var(--salt-palette-alpha-backdrop);
+  --salt-overlayable-background-highlight: var(--salt-palette-alpha);
+  --salt-overlayable-rangeSelection: var(--salt-palette-alpha-weak);
 }
 
 /* css/characteristics/selectable.css */
@@ -1576,20 +1914,20 @@
   --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-interact-background);
+  --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-interact-background-disabled);
+  --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-neutral-primary-separator);
-  --salt-separable-secondary-borderColor: var(--salt-palette-neutral-secondary-separator);
-  --salt-separable-tertiary-borderColor: var(--salt-palette-neutral-tertiary-separator);
+  --salt-separable-primary-borderColor: var(--salt-palette-alpha-strong);
+  --salt-separable-secondary-borderColor: var(--salt-palette-alpha);
+  --salt-separable-tertiary-borderColor: var(--salt-palette-alpha-weak);
 }
 
 /* css/characteristics/status.css */
@@ -1801,7 +2139,7 @@
   --salt-track-borderStyle-active: solid;
   --salt-track-borderStyle-complete: solid;
   --salt-track-borderStyle-incomplete: dotted;
-  --salt-track-borderColor: var(--salt-palette-neutral-secondary-border);
+  --salt-track-borderColor: var(--salt-palette-neutral-border);
 }
 
 /* css/deprecated/characteristics.css */
@@ -1915,6 +2253,7 @@
   --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-accent-fontWeight: var(--salt-typography-fontWeight-semiBold);
   --salt-accent-foreground-disabled: var(--salt-palette-accent-foreground-disabled);
   --salt-accent-borderColor-disabled: var(--salt-palette-accent-border-disabled);
@@ -1997,9 +2336,83 @@
   --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-orange-600-fade-background: rgba(224, 101, 25, 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));
 }
 
 /* css/deprecated/foundations.css */
@@ -2013,6 +2426,13 @@
   --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);
@@ -2098,6 +2518,13 @@
   --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-theme[data-mode=light] {
   --salt-palette-interact-foreground-partial: var(--salt-color-blue-600);
@@ -2108,6 +2535,13 @@
   --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);
@@ -2119,19 +2553,30 @@
   --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-negative-foreground-disabled: var(--salt-color-red-700-fade-foreground);
-  --salt-palette-positive-foreground-disabled: var(--salt-color-green-700-fade-foreground);
   --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-border-disabled: var(--salt-color-orange-700-fade-border);
   --salt-palette-warning-foreground: var(--salt-color-orange-700);
   --salt-palette-navigate-primary-background: transparent;
   --salt-palette-navigate-primary-background-active: transparent;
@@ -2143,12 +2588,15 @@
   --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-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-background-disabled: var(--salt-color-blue-500-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] {
@@ -2160,6 +2608,13 @@
   --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);
@@ -2171,19 +2626,30 @@
   --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-negative-foreground-disabled: var(--salt-color-red-300-fade-foreground);
-  --salt-palette-positive-foreground-disabled: var(--salt-color-green-300-fade-foreground);
   --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-border-disabled: var(--salt-color-orange-500-fade-border);
   --salt-palette-warning-foreground: var(--salt-color-orange-500);
   --salt-palette-navigate-primary-background: transparent;
   --salt-palette-navigate-primary-background-active: transparent;
@@ -2195,12 +2661,15 @@
   --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-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-background-disabled: var(--salt-color-blue-500-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);
 }