/* EpicSemtle Design System — Design Tokens (CSS) */
/* Auto-generated from Figma variables by generate.py. Do not edit by hand. */

:root {
  /* Color — Light */
  --color-amber-5: #fffaf6;
  --color-amber-10: #fffbf7;
  --color-amber-15: #fff7f1;
  --color-amber-25: #fff6ef;
  --color-amber-50: #fff3ea;
  --color-amber-75: #ffeee0;
  --color-amber-100: #ffe7d5;
  --color-amber-125: #ffe2cc;
  --color-amber-150: #ffdcc2;
  --color-amber-200: #ffd2af;
  --color-amber-250: #ffc69a;
  --color-amber-300: #ffba82;
  --color-amber-350: #ffac66;
  --color-amber-400: #ff9d43;
  --color-amber-450: #f9912a;
  --color-amber-500: #f0870f;
  --color-amber-550: #da7800;
  --color-amber-600: #c16a00;
  --color-amber-650: #a65a00;
  --color-amber-700: #8b4a00;
  --color-amber-750: #713b00;
  --color-amber-800: #572b00;
  --color-amber-850: #3e1c00;
  --color-amber-900: #260d00;
  --color-amber-950: #100100;
  --color-amber-a00: rgb(240 135 15 / 0);
  --color-amber-a02: rgb(240 135 15 / 0.02);
  --color-amber-a05: rgb(240 135 15 / 0.05);
  --color-amber-a07: rgb(240 135 15 / 0.07);
  --color-amber-a10: rgb(240 135 15 / 0.1);
  --color-amber-a12: rgb(240 135 15 / 0.12);
  --color-amber-a15: rgb(240 135 15 / 0.15);
  --color-amber-a20: rgb(240 135 15 / 0.2);
  --color-amber-a25: rgb(240 135 15 / 0.25);
  --color-amber-a30: rgb(240 135 15 / 0.3);
  --color-amber-a35: rgb(240 135 15 / 0.35);
  --color-amber-a40: rgb(240 135 15 / 0.4);
  --color-amber-a45: rgb(240 135 15 / 0.45);
  --color-amber-a50: rgb(240 135 15 / 0.5);
  --color-amber-base-default: var(--color-amber-500);
  --color-amber-base-hover: var(--color-amber-600);
  --color-amber-base-pressed: var(--color-amber-700);
  --color-amber-bg-layer-2: var(--color-amber-25);
  --color-amber-bg-layer-3: var(--color-amber-50);
  --color-amber-bg-layer-4: var(--color-amber-75);
  --color-amber-bg-layer-5: var(--color-amber-100);
  --color-amber-bg-page: var(--color-amber-10);
  --color-amber-fill: var(--color-amber-650);
  --color-amber-fill-hover: var(--color-amber-750);
  --color-amber-fill-pressed: var(--color-amber-850);
  --color-amber-input-glow-focus: var(--color-amber-a20);
  --color-amber-subtle: var(--color-amber-a07);
  --color-amber-subtle-hover: var(--color-amber-a10);
  --color-amber-subtle-medium: var(--color-amber-a20);
  --color-amber-subtle-pressed: var(--color-amber-a15);
  --color-amber-subtle-regular: var(--color-amber-a10);
  --color-amber-subtle-strong: var(--color-amber-a35);
  --color-amber-subtle-weak: var(--color-amber-a05);
  --color-amber-text: var(--color-amber-650);
  --color-amber-text-hover: var(--color-amber-750);
  --color-amber-text-on-solid: var(--color-white-base);
  --color-amber-text-pressed: var(--color-amber-850);
  --color-azure-5: #f7fbfd;
  --color-azure-10: #f7fbff;
  --color-azure-15: #f2f8fe;
  --color-azure-25: #eef7fe;
  --color-azure-50: #e8f4fd;
  --color-azure-75: #dceefd;
  --color-azure-100: #cfe8fb;
  --color-azure-125: #c3e2fa;
  --color-azure-150: #b8ddf8;
  --color-azure-200: #a2d2f5;
  --color-azure-250: #8cc6f0;
  --color-azure-300: #76bae9;
  --color-azure-350: #60acdf;
  --color-azure-400: #4b9ed4;
  --color-azure-450: #3590c8;
  --color-azure-500: #1f82bb;
  --color-azure-550: #0875ac;
  --color-azure-600: #00679a;
  --color-azure-650: #005885;
  --color-azure-700: #00496f;
  --color-azure-750: #003a5a;
  --color-azure-800: #002b45;
  --color-azure-850: #001d32;
  --color-azure-900: #000f1f;
  --color-azure-950: #00030c;
  --color-azure-a00: rgb(31 130 187 / 0);
  --color-azure-a02: rgb(31 130 187 / 0.02);
  --color-azure-a05: rgb(31 130 187 / 0.05);
  --color-azure-a07: rgb(31 130 187 / 0.07);
  --color-azure-a10: rgb(31 130 187 / 0.1);
  --color-azure-a12: rgb(31 130 187 / 0.12);
  --color-azure-a15: rgb(31 130 187 / 0.15);
  --color-azure-a20: rgb(31 130 187 / 0.2);
  --color-azure-a25: rgb(31 130 187 / 0.25);
  --color-azure-a30: rgb(31 130 187 / 0.3);
  --color-azure-a35: rgb(31 130 187 / 0.35);
  --color-azure-a40: rgb(31 130 187 / 0.4);
  --color-azure-a45: rgb(31 130 187 / 0.45);
  --color-azure-a50: rgb(31 130 187 / 0.5);
  --color-azure-base-default: var(--color-azure-500);
  --color-azure-base-hover: var(--color-azure-600);
  --color-azure-base-pressed: var(--color-azure-700);
  --color-azure-bg-layer-2: var(--color-azure-25);
  --color-azure-bg-layer-3: var(--color-azure-50);
  --color-azure-bg-layer-4: var(--color-azure-75);
  --color-azure-bg-layer-5: var(--color-azure-100);
  --color-azure-bg-page: var(--color-azure-10);
  --color-azure-fill: var(--color-azure-550);
  --color-azure-fill-hover: var(--color-azure-650);
  --color-azure-fill-pressed: var(--color-azure-750);
  --color-azure-input-glow-focus: var(--color-azure-a20);
  --color-azure-subtle: var(--color-azure-a07);
  --color-azure-subtle-hover: var(--color-azure-a10);
  --color-azure-subtle-medium: var(--color-azure-a20);
  --color-azure-subtle-pressed: var(--color-azure-a15);
  --color-azure-subtle-regular: var(--color-azure-a10);
  --color-azure-subtle-strong: var(--color-azure-a35);
  --color-azure-subtle-weak: var(--color-azure-a05);
  --color-azure-text: var(--color-azure-600);
  --color-azure-text-hover: var(--color-azure-700);
  --color-azure-text-on-solid: var(--color-white-base);
  --color-azure-text-pressed: var(--color-azure-800);
  --color-black-a00: rgb(0 0 0 / 0);
  --color-black-a02: rgb(0 0 0 / 0.02);
  --color-black-a03: rgb(0 0 0 / 0.03);
  --color-black-a05: rgb(0 0 0 / 0.05);
  --color-black-a07: rgb(0 0 0 / 0.07);
  --color-black-a10: rgb(0 0 0 / 0.1);
  --color-black-a12: rgb(0 0 0 / 0.12);
  --color-black-a15: rgb(0 0 0 / 0.15);
  --color-black-a20: rgb(0 0 0 / 0.2);
  --color-black-a25: rgb(0 0 0 / 0.25);
  --color-black-a30: rgb(0 0 0 / 0.3);
  --color-black-a35: rgb(0 0 0 / 0.35);
  --color-black-a40: rgb(0 0 0 / 0.4);
  --color-black-a45: rgb(0 0 0 / 0.45);
  --color-black-a50: rgb(0 0 0 / 0.5);
  --color-black-a70: rgb(0 0 0 / 0.7);
  --color-black-base: #000000;
  --color-black-bg-layer-2: var(--color-gray-25);
  --color-black-bg-layer-3: var(--color-gray-50);
  --color-black-bg-layer-4: var(--color-gray-75);
  --color-black-bg-layer-5: var(--color-gray-100);
  --color-black-bg-page: var(--color-gray-5);
  --color-black-fill: var(--color-gray-950);
  --color-black-fill-hover: var(--color-gray-800);
  --color-black-fill-pressed: var(--color-gray-700);
  --color-black-input-glow-focus: var(--color-black-a20);
  --color-black-subtle: var(--color-black-a10);
  --color-black-subtle-hover: var(--color-black-a15);
  --color-black-subtle-pressed: var(--color-black-a20);
  --color-black-text: var(--color-gray-950);
  --color-black-text-hover: var(--color-gray-900);
  --color-black-text-on-solid: var(--color-white-base);
  --color-black-text-pressed: var(--color-gray-850);
  --color-blue-5: #f7fafe;
  --color-blue-10: #f5faff;
  --color-blue-15: #f0f7ff;
  --color-blue-25: #ecf5ff;
  --color-blue-50: #e5f2ff;
  --color-blue-75: #d9ecff;
  --color-blue-100: #cce5ff;
  --color-blue-125: #bfdeff;
  --color-blue-150: #b2d7ff;
  --color-blue-200: #99caff;
  --color-blue-250: #80bdff;
  --color-blue-300: #66b0ff;
  --color-blue-350: #4da3ff;
  --color-blue-400: #3396ff;
  --color-blue-450: #2288ff;
  --color-blue-500: #007aff;
  --color-blue-550: #006fe7;
  --color-blue-600: #0063cc;
  --color-blue-650: #0057b3;
  --color-blue-700: #004a99;
  --color-blue-750: #003d7e;
  --color-blue-800: #003166;
  --color-blue-850: #002853;
  --color-blue-900: #001f40;
  --color-blue-950: #001226;
  --color-blue-a00: rgb(0 122 255 / 0);
  --color-blue-a02: rgb(0 122 255 / 0.02);
  --color-blue-a05: rgb(0 122 255 / 0.05);
  --color-blue-a07: rgb(0 122 255 / 0.07);
  --color-blue-a10: rgb(0 122 255 / 0.1);
  --color-blue-a12: rgb(0 122 255 / 0.12);
  --color-blue-a15: rgb(0 122 255 / 0.15);
  --color-blue-a20: rgb(0 122 255 / 0.2);
  --color-blue-a25: rgb(0 122 255 / 0.25);
  --color-blue-a30: rgb(0 122 255 / 0.3);
  --color-blue-a35: rgb(0 122 255 / 0.35);
  --color-blue-a40: rgb(0 122 255 / 0.4);
  --color-blue-a45: rgb(0 122 255 / 0.45);
  --color-blue-a50: rgb(0 122 255 / 0.5);
  --color-blue-base-default: var(--color-blue-500);
  --color-blue-base-hover: var(--color-blue-600);
  --color-blue-base-pressed: var(--color-blue-700);
  --color-blue-bg-layer-2: var(--color-blue-25);
  --color-blue-bg-layer-3: var(--color-blue-50);
  --color-blue-bg-layer-4: var(--color-blue-75);
  --color-blue-bg-layer-5: var(--color-blue-100);
  --color-blue-bg-page: var(--color-blue-10);
  --color-blue-fill: var(--color-blue-550);
  --color-blue-fill-hover: var(--color-blue-650);
  --color-blue-fill-pressed: var(--color-blue-750);
  --color-blue-input-glow-focus: var(--color-blue-a20);
  --color-blue-subtle: var(--color-blue-a07);
  --color-blue-subtle-hover: var(--color-blue-a10);
  --color-blue-subtle-medium: var(--color-blue-a20);
  --color-blue-subtle-pressed: var(--color-blue-a15);
  --color-blue-subtle-regular: var(--color-blue-a10);
  --color-blue-subtle-strong: var(--color-blue-a35);
  --color-blue-subtle-weak: var(--color-blue-a05);
  --color-blue-text: var(--color-blue-600);
  --color-blue-text-hover: var(--color-blue-700);
  --color-blue-text-on-solid: var(--color-white-base);
  --color-blue-text-pressed: var(--color-blue-800);
  --color-button-fill-black-fg: var(--color-black-text-on-solid);
  --color-button-outline-black-fg: var(--color-black-text);
  --color-coral-5: #fef9f8;
  --color-coral-10: #fff8f7;
  --color-coral-15: #fef5f3;
  --color-coral-25: #fef2f0;
  --color-coral-50: #feeeeb;
  --color-coral-75: #fde5e1;
  --color-coral-100: #fcdcd6;
  --color-coral-125: #fbd3cc;
  --color-coral-150: #f9cbc2;
  --color-coral-200: #f5bbb1;
  --color-coral-250: #f0aa9e;
  --color-coral-300: #e89a8c;
  --color-coral-350: #de897b;
  --color-coral-400: #d1796a;
  --color-coral-450: #c5695b;
  --color-coral-500: #b75b4d;
  --color-coral-550: #a84f41;
  --color-coral-600: #984236;
  --color-coral-650: #84372c;
  --color-coral-700: #6e2c23;
  --color-coral-750: #5a2119;
  --color-coral-800: #461610;
  --color-coral-850: #320c07;
  --color-coral-900: #1e0402;
  --color-coral-950: #0b0000;
  --color-coral-a00: rgb(183 91 77 / 0);
  --color-coral-a02: rgb(183 91 77 / 0.02);
  --color-coral-a05: rgb(183 91 77 / 0.05);
  --color-coral-a07: rgb(183 91 77 / 0.07);
  --color-coral-a10: rgb(183 91 77 / 0.1);
  --color-coral-a12: rgb(183 91 77 / 0.12);
  --color-coral-a15: rgb(183 91 77 / 0.15);
  --color-coral-a20: rgb(183 91 77 / 0.2);
  --color-coral-a25: rgb(183 91 77 / 0.25);
  --color-coral-a30: rgb(183 91 77 / 0.3);
  --color-coral-a35: rgb(183 91 77 / 0.35);
  --color-coral-a40: rgb(183 91 77 / 0.4);
  --color-coral-a45: rgb(183 91 77 / 0.45);
  --color-coral-a50: rgb(183 91 77 / 0.5);
  --color-coral-base-default: var(--color-coral-500);
  --color-coral-base-hover: var(--color-coral-600);
  --color-coral-base-pressed: var(--color-coral-700);
  --color-coral-bg-layer-2: var(--color-coral-25);
  --color-coral-bg-layer-3: var(--color-coral-50);
  --color-coral-bg-layer-4: var(--color-coral-75);
  --color-coral-bg-layer-5: var(--color-coral-100);
  --color-coral-bg-page: var(--color-coral-10);
  --color-coral-fill: var(--color-coral-500);
  --color-coral-fill-hover: var(--color-coral-600);
  --color-coral-fill-pressed: var(--color-coral-700);
  --color-coral-input-glow-focus: var(--color-coral-a20);
  --color-coral-subtle: var(--color-coral-a07);
  --color-coral-subtle-hover: var(--color-coral-a10);
  --color-coral-subtle-medium: var(--color-coral-a20);
  --color-coral-subtle-pressed: var(--color-coral-a15);
  --color-coral-subtle-regular: var(--color-coral-a10);
  --color-coral-subtle-strong: var(--color-coral-a35);
  --color-coral-subtle-weak: var(--color-coral-a05);
  --color-coral-text: var(--color-coral-600);
  --color-coral-text-hover: var(--color-coral-700);
  --color-coral-text-on-solid: var(--color-white-base);
  --color-coral-text-pressed: var(--color-coral-800);
  --color-cyan-5: #f8fcfd;
  --color-cyan-10: #f8fdff;
  --color-cyan-15: #f3fbfe;
  --color-cyan-25: #f0fafe;
  --color-cyan-50: #ebf9ff;
  --color-cyan-75: #e1f6ff;
  --color-cyan-100: #d6f2ff;
  --color-cyan-125: #cdefff;
  --color-cyan-150: #c4ecff;
  --color-cyan-200: #b3e7ff;
  --color-cyan-250: #9fe1ff;
  --color-cyan-300: #8adaff;
  --color-cyan-350: #75d3ff;
  --color-cyan-400: #61cdff;
  --color-cyan-450: #4fc7ff;
  --color-cyan-500: #3bc1ff;
  --color-cyan-550: #28b7ff;
  --color-cyan-600: #00abfa;
  --color-cyan-650: #0098de;
  --color-cyan-700: #0081bd;
  --color-cyan-750: #006c9f;
  --color-cyan-800: #005780;
  --color-cyan-850: #00405e;
  --color-cyan-900: #002a3d;
  --color-cyan-950: #00151f;
  --color-cyan-a00: rgb(59 193 255 / 0);
  --color-cyan-a02: rgb(59 193 255 / 0.02);
  --color-cyan-a05: rgb(59 193 255 / 0.05);
  --color-cyan-a07: rgb(59 193 255 / 0.07);
  --color-cyan-a10: rgb(59 193 255 / 0.1);
  --color-cyan-a12: rgb(59 193 255 / 0.12);
  --color-cyan-a15: rgb(59 193 255 / 0.15);
  --color-cyan-a20: rgb(59 193 255 / 0.2);
  --color-cyan-a25: rgb(59 193 255 / 0.25);
  --color-cyan-a30: rgb(59 193 255 / 0.3);
  --color-cyan-a35: rgb(59 193 255 / 0.35);
  --color-cyan-a40: rgb(59 193 255 / 0.4);
  --color-cyan-a45: rgb(59 193 255 / 0.45);
  --color-cyan-a50: rgb(59 193 255 / 0.5);
  --color-cyan-base-default: var(--color-cyan-500);
  --color-cyan-base-hover: var(--color-cyan-600);
  --color-cyan-base-pressed: var(--color-cyan-700);
  --color-cyan-bg-layer-2: var(--color-cyan-25);
  --color-cyan-bg-layer-3: var(--color-cyan-50);
  --color-cyan-bg-layer-4: var(--color-cyan-75);
  --color-cyan-bg-layer-5: var(--color-cyan-100);
  --color-cyan-bg-page: var(--color-cyan-10);
  --color-cyan-fill: var(--color-cyan-750);
  --color-cyan-fill-hover: var(--color-cyan-850);
  --color-cyan-fill-pressed: var(--color-cyan-900);
  --color-cyan-input-glow-focus: var(--color-cyan-a20);
  --color-cyan-subtle: var(--color-cyan-a07);
  --color-cyan-subtle-hover: var(--color-cyan-a10);
  --color-cyan-subtle-medium: var(--color-cyan-a20);
  --color-cyan-subtle-pressed: var(--color-cyan-a15);
  --color-cyan-subtle-regular: var(--color-cyan-a10);
  --color-cyan-subtle-strong: var(--color-cyan-a35);
  --color-cyan-subtle-weak: var(--color-cyan-a05);
  --color-cyan-text: var(--color-cyan-750);
  --color-cyan-text-hover: var(--color-cyan-850);
  --color-cyan-text-on-solid: var(--color-white-base);
  --color-cyan-text-pressed: var(--color-cyan-950);
  --color-elevation-dim: var(--color-black-a50);
  --color-elevation-gray-layer-2: var(--color-gray-50);
  --color-elevation-gray-layer-3: var(--color-gray-100);
  --color-elevation-gray-layer-4: var(--color-gray-150);
  --color-elevation-gray-layer-5: var(--color-gray-200);
  --color-elevation-gray-page: var(--color-gray-10);
  --color-elevation-raised: var(--color-white-base);
  --color-elevation-shadow-1: rgb(16 24 40 / 0.05098);
  --color-elevation-shadow-2: rgb(16 24 40 / 0.078431);
  --color-elevation-shadow-3: rgb(16 24 40 / 0.109804);
  --color-elevation-shadow-4: rgb(16 24 40 / 0.141176);
  --color-elevation-shadow-5: rgb(16 24 40 / 0.188235);
  --color-elevation-sunken: var(--color-black-a07);
  --color-elevation-system-1: var(--color-gray-50);
  --color-elevation-system-2: var(--color-gray-10);
  --color-elevation-system-3: var(--color-white-base);
  --color-elevation-system-4: var(--color-white-base);
  --color-elevation-system-5: var(--color-white-base);
  --color-elevation-user-1: var(--color-gray-50);
  --color-elevation-user-2: var(--color-white-base);
  --color-elevation-user-3: var(--color-white-base);
  --color-elevation-user-4: var(--color-white-base);
  --color-elevation-user-5: var(--color-white-base);
  --color-emerald-5: #f7fcf9;
  --color-emerald-10: #f7fdf8;
  --color-emerald-15: #f2fbf5;
  --color-emerald-25: #effbf2;
  --color-emerald-50: #e9faee;
  --color-emerald-75: #def7e5;
  --color-emerald-100: #d1f5dc;
  --color-emerald-125: #c6f2d4;
  --color-emerald-150: #bcefcc;
  --color-emerald-200: #a7eabd;
  --color-emerald-250: #91e4ae;
  --color-emerald-300: #7add9f;
  --color-emerald-350: #64d490;
  --color-emerald-400: #4fca83;
  --color-emerald-450: #38c076;
  --color-emerald-500: #20b66b;
  --color-emerald-550: #00a55d;
  --color-emerald-600: #009252;
  --color-emerald-650: #007d45;
  --color-emerald-700: #006838;
  --color-emerald-750: #00542c;
  --color-emerald-800: #004020;
  --color-emerald-850: #002c13;
  --color-emerald-900: #001907;
  --color-emerald-950: #000700;
  --color-emerald-a00: rgb(32 182 107 / 0);
  --color-emerald-a02: rgb(32 182 107 / 0.02);
  --color-emerald-a05: rgb(32 182 107 / 0.05);
  --color-emerald-a07: rgb(32 182 107 / 0.07);
  --color-emerald-a10: rgb(32 182 107 / 0.1);
  --color-emerald-a12: rgb(32 182 107 / 0.12);
  --color-emerald-a15: rgb(32 182 107 / 0.15);
  --color-emerald-a20: rgb(32 182 107 / 0.2);
  --color-emerald-a25: rgb(32 182 107 / 0.25);
  --color-emerald-a30: rgb(32 182 107 / 0.3);
  --color-emerald-a35: rgb(32 182 107 / 0.35);
  --color-emerald-a40: rgb(32 182 107 / 0.4);
  --color-emerald-a45: rgb(32 182 107 / 0.45);
  --color-emerald-a50: rgb(32 182 107 / 0.5);
  --color-emerald-base-default: var(--color-emerald-500);
  --color-emerald-base-hover: var(--color-emerald-600);
  --color-emerald-base-pressed: var(--color-emerald-700);
  --color-emerald-bg-layer-2: var(--color-emerald-25);
  --color-emerald-bg-layer-3: var(--color-emerald-50);
  --color-emerald-bg-layer-4: var(--color-emerald-75);
  --color-emerald-bg-layer-5: var(--color-emerald-100);
  --color-emerald-bg-page: var(--color-emerald-10);
  --color-emerald-fill: var(--color-emerald-650);
  --color-emerald-fill-hover: var(--color-emerald-750);
  --color-emerald-fill-pressed: var(--color-emerald-850);
  --color-emerald-input-glow-focus: var(--color-emerald-a20);
  --color-emerald-subtle: var(--color-emerald-a07);
  --color-emerald-subtle-hover: var(--color-emerald-a10);
  --color-emerald-subtle-medium: var(--color-emerald-a20);
  --color-emerald-subtle-pressed: var(--color-emerald-a15);
  --color-emerald-subtle-regular: var(--color-emerald-a10);
  --color-emerald-subtle-strong: var(--color-emerald-a35);
  --color-emerald-subtle-weak: var(--color-emerald-a05);
  --color-emerald-text: var(--color-emerald-650);
  --color-emerald-text-hover: var(--color-emerald-750);
  --color-emerald-text-on-solid: var(--color-white-base);
  --color-emerald-text-pressed: var(--color-emerald-850);
  --color-feedback-danger-bg: var(--color-red-50);
  --color-feedback-danger-bg-hover: var(--color-red-a15);
  --color-feedback-danger-bg-pressed: var(--color-red-a25);
  --color-feedback-danger-border: var(--color-red-700);
  --color-feedback-danger-fg: var(--color-red-700);
  --color-feedback-danger-on-solid: var(--color-white-base);
  --color-feedback-danger-solid: var(--color-red-700);
  --color-feedback-danger-solid-hover: var(--color-red-800);
  --color-feedback-danger-solid-pressed: var(--color-red-900);
  --color-feedback-info-bg: var(--color-cyan-50);
  --color-feedback-info-bg-hover: var(--color-cyan-a15);
  --color-feedback-info-bg-pressed: var(--color-cyan-a25);
  --color-feedback-info-border: var(--color-cyan-800);
  --color-feedback-info-fg: var(--color-cyan-800);
  --color-feedback-info-on-solid: var(--color-black-base);
  --color-feedback-info-solid: var(--color-cyan-600);
  --color-feedback-info-solid-hover: var(--color-cyan-500);
  --color-feedback-info-solid-pressed: var(--color-cyan-400);
  --color-feedback-success-bg: var(--color-green-50);
  --color-feedback-success-bg-hover: var(--color-green-100);
  --color-feedback-success-bg-pressed: var(--color-green-200);
  --color-feedback-success-border: var(--color-green-700);
  --color-feedback-success-fg: var(--color-green-700);
  --color-feedback-success-on-solid: var(--color-white-base);
  --color-feedback-success-solid: var(--color-green-600);
  --color-feedback-success-solid-hover: var(--color-green-700);
  --color-feedback-success-solid-pressed: var(--color-green-800);
  --color-feedback-warning-bg: var(--color-orange-50);
  --color-feedback-warning-bg-hover: var(--color-orange-a15);
  --color-feedback-warning-bg-pressed: var(--color-orange-a25);
  --color-feedback-warning-border: var(--color-orange-700);
  --color-feedback-warning-fg: var(--color-orange-700);
  --color-feedback-warning-on-solid: var(--color-black-base);
  --color-feedback-warning-solid: var(--color-orange-600);
  --color-feedback-warning-solid-hover: var(--color-orange-500);
  --color-feedback-warning-solid-pressed: var(--color-orange-400);
  --color-glass-contrast-highlight: rgb(255 255 255 / 0.6);
  --color-glass-contrast-shadow: rgb(16 24 40 / 0.239216);
  --color-glass-contrast-stroke: rgb(16 24 40 / 0.239216);
  --color-glass-contrast-stroke-highlight: rgb(255 255 255 / 0.501961);
  --color-glass-contrast-stroke-shadow: rgb(16 24 40 / 0.2);
  --color-glass-contrast-surface: rgb(16 24 40 / 0.160784);
  --color-glass-default-edge-bottom: rgb(255 255 255 / 0.42);
  --color-glass-default-edge-top: rgb(255 255 255 / 0.6);
  --color-glass-default-highlight: var(--color-white-a20);
  --color-glass-default-shadow: rgb(4 8 31 / 0.18);
  --color-glass-default-surface: var(--color-white-a10);
  --color-glass-elevation-shadow-1: rgb(16 24 40 / 0.05098);
  --color-glass-elevation-shadow-2: rgb(16 24 40 / 0.078431);
  --color-glass-elevation-shadow-3: rgb(16 24 40 / 0.109804);
  --color-glass-elevation-shadow-4: rgb(16 24 40 / 0.141176);
  --color-glass-elevation-shadow-5: rgb(16 24 40 / 0.188235);
  --color-glass-middle-highlight: rgb(255 255 255 / 0.8);
  --color-glass-middle-shadow: rgb(52 64 84 / 0.141176);
  --color-glass-middle-stroke: rgb(255 255 255 / 0.6);
  --color-glass-middle-stroke-highlight: rgb(255 255 255 / 0.933333);
  --color-glass-middle-stroke-shadow: rgb(52 64 84 / 0.141176);
  --color-glass-middle-surface: rgb(255 255 255 / 0.6);
  --color-glass-soft-highlight: rgb(255 255 255 / 0.6);
  --color-glass-soft-shadow: rgb(16 24 40 / 0.078431);
  --color-glass-soft-stroke: rgb(255 255 255 / 0.4);
  --color-glass-soft-stroke-highlight: rgb(255 255 255 / 0.8);
  --color-glass-soft-stroke-shadow: rgb(16 24 40 / 0.101961);
  --color-glass-soft-surface: rgb(255 255 255 / 0.301961);
  --color-glass-solid-highlight: rgb(255 255 255 / 0.2);
  --color-glass-solid-shadow: rgb(0 0 0 / 0.321569);
  --color-glass-solid-stroke: rgb(255 255 255 / 0.239216);
  --color-glass-solid-stroke-highlight: rgb(255 255 255 / 0.4);
  --color-glass-solid-stroke-shadow: rgb(0 0 0 / 0.4);
  --color-glass-solid-surface: rgb(16 24 40 / 0.85098);
  --color-glass-strong-highlight: rgb(255 255 255 / 0.8);
  --color-glass-strong-shadow: rgb(16 24 40 / 0.101961);
  --color-glass-strong-stroke: rgb(255 255 255 / 0.8);
  --color-glass-strong-stroke-highlight: rgb(255 255 255 / 1);
  --color-glass-strong-stroke-shadow: rgb(16 24 40 / 0.101961);
  --color-glass-strong-surface: rgb(255 255 255 / 0.85098);
  --color-green-5: #f4fef6;
  --color-green-10: #f2fff5;
  --color-green-15: #ebfeef;
  --color-green-25: #e5ffeb;
  --color-green-50: #dbffe3;
  --color-green-75: #c8ffd4;
  --color-green-100: #b3ffc3;
  --color-green-125: #a0ffb4;
  --color-green-150: #8effa6;
  --color-green-200: #6bff8b;
  --color-green-250: #53ff73;
  --color-green-300: #1fff4f;
  --color-green-350: #1aef3f;
  --color-green-400: #00d62e;
  --color-green-450: #00ac25;
  --color-green-500: #00891e;
  --color-green-550: #007b1b;
  --color-green-600: #007018;
  --color-green-650: #006115;
  --color-green-700: #005212;
  --color-green-750: #00450f;
  --color-green-800: #00380c;
  --color-green-850: #00280a;
  --color-green-900: #001906;
  --color-green-950: #000f03;
  --color-green-a00: rgb(0 137 30 / 0);
  --color-green-a02: rgb(0 137 30 / 0.02);
  --color-green-a05: rgb(0 137 30 / 0.05);
  --color-green-a07: rgb(0 137 30 / 0.07);
  --color-green-a10: rgb(0 137 30 / 0.1);
  --color-green-a12: rgb(0 137 30 / 0.12);
  --color-green-a15: rgb(0 137 30 / 0.15);
  --color-green-a20: rgb(0 137 30 / 0.2);
  --color-green-a25: rgb(0 137 30 / 0.25);
  --color-green-a30: rgb(0 137 30 / 0.3);
  --color-green-a35: rgb(0 137 30 / 0.35);
  --color-green-a40: rgb(0 137 30 / 0.4);
  --color-green-a45: rgb(0 137 30 / 0.45);
  --color-green-a50: rgb(0 137 30 / 0.5);
  --color-green-base-default: var(--color-green-500);
  --color-green-base-hover: var(--color-green-600);
  --color-green-base-pressed: var(--color-green-700);
  --color-green-bg-layer-2: var(--color-green-25);
  --color-green-bg-layer-3: var(--color-green-50);
  --color-green-bg-layer-4: var(--color-green-75);
  --color-green-bg-layer-5: var(--color-green-100);
  --color-green-bg-page: var(--color-green-10);
  --color-green-fill: var(--color-green-500);
  --color-green-fill-hover: var(--color-green-600);
  --color-green-fill-pressed: var(--color-green-700);
  --color-green-input-glow-focus: var(--color-green-a20);
  --color-green-subtle: var(--color-green-a07);
  --color-green-subtle-hover: var(--color-green-a10);
  --color-green-subtle-medium: var(--color-green-a20);
  --color-green-subtle-pressed: var(--color-green-a15);
  --color-green-subtle-regular: var(--color-green-a10);
  --color-green-subtle-strong: var(--color-green-a35);
  --color-green-subtle-weak: var(--color-green-a05);
  --color-green-text: var(--color-green-600);
  --color-green-text-hover: var(--color-green-700);
  --color-green-text-on-solid: var(--color-white-base);
  --color-green-text-pressed: var(--color-green-800);
  --color-indigo-5: #f8faff;
  --color-indigo-10: #f8faff;
  --color-indigo-15: #f4f7ff;
  --color-indigo-25: #f1f5ff;
  --color-indigo-50: #edf1ff;
  --color-indigo-75: #e3eaff;
  --color-indigo-100: #d9e2ff;
  --color-indigo-125: #cfdbff;
  --color-indigo-150: #c6d4ff;
  --color-indigo-200: #b5c6ff;
  --color-indigo-250: #a3b7ff;
  --color-indigo-300: #90a7ff;
  --color-indigo-350: #7c95ff;
  --color-indigo-400: #6982ff;
  --color-indigo-450: #5a71f4;
  --color-indigo-500: #4d61e6;
  --color-indigo-550: #4354d7;
  --color-indigo-600: #3947c5;
  --color-indigo-650: #303bad;
  --color-indigo-700: #262f92;
  --color-indigo-750: #1d2478;
  --color-indigo-800: #14185f;
  --color-indigo-850: #0b0d47;
  --color-indigo-900: #04042e;
  --color-indigo-950: #010015;
  --color-indigo-a00: rgb(77 97 230 / 0);
  --color-indigo-a02: rgb(77 97 230 / 0.02);
  --color-indigo-a05: rgb(77 97 230 / 0.05);
  --color-indigo-a07: rgb(77 97 230 / 0.07);
  --color-indigo-a10: rgb(77 97 230 / 0.1);
  --color-indigo-a12: rgb(77 97 230 / 0.12);
  --color-indigo-a15: rgb(77 97 230 / 0.15);
  --color-indigo-a20: rgb(77 97 230 / 0.2);
  --color-indigo-a25: rgb(77 97 230 / 0.25);
  --color-indigo-a30: rgb(77 97 230 / 0.3);
  --color-indigo-a35: rgb(77 97 230 / 0.35);
  --color-indigo-a40: rgb(77 97 230 / 0.4);
  --color-indigo-a45: rgb(77 97 230 / 0.45);
  --color-indigo-a50: rgb(77 97 230 / 0.5);
  --color-indigo-base-default: var(--color-indigo-500);
  --color-indigo-base-hover: var(--color-indigo-600);
  --color-indigo-base-pressed: var(--color-indigo-700);
  --color-indigo-bg-layer-2: var(--color-indigo-25);
  --color-indigo-bg-layer-3: var(--color-indigo-50);
  --color-indigo-bg-layer-4: var(--color-indigo-75);
  --color-indigo-bg-layer-5: var(--color-indigo-100);
  --color-indigo-bg-page: var(--color-indigo-10);
  --color-indigo-fill: var(--color-indigo-500);
  --color-indigo-fill-hover: var(--color-indigo-600);
  --color-indigo-fill-pressed: var(--color-indigo-700);
  --color-indigo-input-glow-focus: var(--color-indigo-a20);
  --color-indigo-subtle: var(--color-indigo-a07);
  --color-indigo-subtle-hover: var(--color-indigo-a10);
  --color-indigo-subtle-medium: var(--color-indigo-a20);
  --color-indigo-subtle-pressed: var(--color-indigo-a15);
  --color-indigo-subtle-regular: var(--color-indigo-a10);
  --color-indigo-subtle-strong: var(--color-indigo-a35);
  --color-indigo-subtle-weak: var(--color-indigo-a05);
  --color-indigo-text: var(--color-indigo-600);
  --color-indigo-text-hover: var(--color-indigo-700);
  --color-indigo-text-on-solid: var(--color-white-base);
  --color-indigo-text-pressed: var(--color-indigo-800);
  --color-input-bg-default: var(--color-white-base);
  --color-input-bg-disabled: var(--color-gray-100);
  --color-input-bg-focus: var(--color-white-base);
  --color-input-bg-hover: var(--color-black-a05);
  --color-input-bg-user-dark: var(--color-gray-a15);
  --color-input-bg-user-light: var(--color-white-a95);
  --color-input-fg-helper: var(--color-gray-550);
  --color-input-fg-icon-action: var(--color-gray-900);
  --color-input-fg-icon-default: var(--color-gray-500);
  --color-input-fg-placeholder: var(--color-gray-550);
  --color-input-fg-required: var(--color-red-500);
  --color-input-glow-danger: var(--color-red-a20);
  --color-input-glow-info: var(--color-cyan-a20);
  --color-input-glow-success: var(--color-green-a20);
  --color-input-glow-warning: var(--color-orange-a20);
  --color-input-select-option-bg-hover: var(--color-brand-role-subtle);
  --color-input-select-option-panel-inner-highlight: var(--color-glass-middle-highlight);
  --color-input-select-option-panel-stroke: var(--color-brand-role-input-stroke-focus);
  --color-input-stroke-danger: var(--color-red-600);
  --color-input-stroke-default: var(--color-gray-500);
  --color-input-stroke-hover: var(--color-gray-550);
  --color-input-stroke-info: var(--color-cyan-700);
  --color-input-stroke-success: var(--color-green-600);
  --color-input-stroke-warning: var(--color-orange-600);
  --color-lavender-5: #fafafc;
  --color-lavender-10: #faf9fd;
  --color-lavender-15: #f8f6fb;
  --color-lavender-25: #f6f4fa;
  --color-lavender-50: #f3f0f9;
  --color-lavender-75: #ede9f6;
  --color-lavender-100: #e7e1f2;
  --color-lavender-125: #e1daef;
  --color-lavender-150: #dbd2ec;
  --color-lavender-200: #cfc4e6;
  --color-lavender-250: #c4b6e1;
  --color-lavender-300: #b9a8db;
  --color-lavender-350: #ae9ad5;
  --color-lavender-400: #a48dcf;
  --color-lavender-450: #9a80ca;
  --color-lavender-500: #9072c3;
  --color-lavender-550: #8564ba;
  --color-lavender-600: #7956ae;
  --color-lavender-650: #6a4b9a;
  --color-lavender-700: #5a4082;
  --color-lavender-750: #4a356d;
  --color-lavender-800: #3b2a57;
  --color-lavender-850: #2c1f41;
  --color-lavender-900: #1d142b;
  --color-lavender-950: #0e0916;
  --color-lavender-a00: rgb(144 114 195 / 0);
  --color-lavender-a02: rgb(144 114 195 / 0.02);
  --color-lavender-a05: rgb(144 114 195 / 0.05);
  --color-lavender-a07: rgb(144 114 195 / 0.07);
  --color-lavender-a10: rgb(144 114 195 / 0.1);
  --color-lavender-a12: rgb(144 114 195 / 0.12);
  --color-lavender-a15: rgb(144 114 195 / 0.15);
  --color-lavender-a20: rgb(144 114 195 / 0.2);
  --color-lavender-a25: rgb(144 114 195 / 0.25);
  --color-lavender-a30: rgb(144 114 195 / 0.3);
  --color-lavender-a35: rgb(144 114 195 / 0.35);
  --color-lavender-a40: rgb(144 114 195 / 0.4);
  --color-lavender-a45: rgb(144 114 195 / 0.45);
  --color-lavender-a50: rgb(144 114 195 / 0.5);
  --color-lavender-base-default: var(--color-lavender-500);
  --color-lavender-base-hover: var(--color-lavender-600);
  --color-lavender-base-pressed: var(--color-lavender-700);
  --color-lavender-bg-layer-2: var(--color-lavender-25);
  --color-lavender-bg-layer-3: var(--color-lavender-50);
  --color-lavender-bg-layer-4: var(--color-lavender-75);
  --color-lavender-bg-layer-5: var(--color-lavender-100);
  --color-lavender-bg-page: var(--color-lavender-10);
  --color-lavender-fill: var(--color-lavender-550);
  --color-lavender-fill-hover: var(--color-lavender-650);
  --color-lavender-fill-pressed: var(--color-lavender-750);
  --color-lavender-input-glow-focus: var(--color-lavender-a20);
  --color-lavender-subtle: var(--color-lavender-a07);
  --color-lavender-subtle-hover: var(--color-lavender-a10);
  --color-lavender-subtle-medium: var(--color-lavender-a20);
  --color-lavender-subtle-pressed: var(--color-lavender-a15);
  --color-lavender-subtle-regular: var(--color-lavender-a10);
  --color-lavender-subtle-strong: var(--color-lavender-a35);
  --color-lavender-subtle-weak: var(--color-lavender-a05);
  --color-lavender-text: var(--color-lavender-600);
  --color-lavender-text-hover: var(--color-lavender-700);
  --color-lavender-text-on-solid: var(--color-white-base);
  --color-lavender-text-pressed: var(--color-lavender-800);
  --color-layout-admin-bg-canvas: var(--color-gray-150);
  --color-layout-admin-bg-content: var(--color-gray-100);
  --color-layout-admin-bg-navigation: var(--color-gray-50);
  --color-layout-bg-sunken: var(--color-black-a05);
  --color-layout-stroke-default: var(--color-gray-400);
  --color-layout-stroke-strong: var(--color-gray-500);
  --color-layout-stroke-subtle: var(--color-gray-300);
  --color-layout-subtle-gray-default: var(--color-gray-a07);
  --color-layout-subtle-gray-hover: var(--color-gray-a10);
  --color-layout-subtle-gray-medium: var(--color-gray-a20);
  --color-layout-subtle-gray-pressed: var(--color-gray-a15);
  --color-layout-subtle-gray-regular: var(--color-gray-a10);
  --color-layout-subtle-gray-strong: var(--color-gray-a35);
  --color-layout-subtle-gray-weak: var(--color-gray-a05);
  --color-layout-table-bg-gray: var(--color-gray-a10);
  --color-layout-table-header-bg-gray: var(--color-gray-a10);
  --color-layout-text-always-black: var(--color-gray-950);
  --color-layout-text-always-white: var(--color-gray-50);
  --color-layout-text-body: var(--color-gray-900);
  --color-layout-text-caption: var(--color-gray-600);
  --color-layout-text-caption-light: var(--color-gray-575);
  --color-layout-text-disabled: var(--color-gray-400);
  --color-layout-text-inverse: var(--color-white-base);
  --color-layout-text-inverse-muted: var(--color-gray-200);
  --color-layout-text-on-solid: var(--color-white-base);
  --color-layout-text-on-solid-muted: var(--color-gray-200);
  --color-layout-text-title: var(--color-gray-950);
  --color-lime-5: #f9fcf7;
  --color-lime-10: #f9fef7;
  --color-lime-15: #f6fcf1;
  --color-lime-25: #f4fcee;
  --color-lime-50: #f1fce8;
  --color-lime-75: #ebfbdd;
  --color-lime-100: #e4f9d0;
  --color-lime-125: #def8c6;
  --color-lime-150: #d8f7bb;
  --color-lime-200: #cdf4a7;
  --color-lime-250: #c2f192;
  --color-lime-300: #b7ed7e;
  --color-lime-350: #ade76b;
  --color-lime-400: #a4e15a;
  --color-lime-450: #9bdb49;
  --color-lime-500: #94d53c;
  --color-lime-550: #82c123;
  --color-lime-600: #70ac00;
  --color-lime-650: #609300;
  --color-lime-700: #4f7b00;
  --color-lime-750: #3e6300;
  --color-lime-800: #2e4b00;
  --color-lime-850: #1e3400;
  --color-lime-900: #0e1e00;
  --color-lime-950: #010900;
  --color-lime-a00: rgb(148 213 60 / 0);
  --color-lime-a02: rgb(148 213 60 / 0.02);
  --color-lime-a05: rgb(148 213 60 / 0.05);
  --color-lime-a07: rgb(148 213 60 / 0.07);
  --color-lime-a10: rgb(148 213 60 / 0.1);
  --color-lime-a12: rgb(148 213 60 / 0.12);
  --color-lime-a15: rgb(148 213 60 / 0.15);
  --color-lime-a20: rgb(148 213 60 / 0.2);
  --color-lime-a25: rgb(148 213 60 / 0.25);
  --color-lime-a30: rgb(148 213 60 / 0.3);
  --color-lime-a35: rgb(148 213 60 / 0.35);
  --color-lime-a40: rgb(148 213 60 / 0.4);
  --color-lime-a45: rgb(148 213 60 / 0.45);
  --color-lime-a50: rgb(148 213 60 / 0.5);
  --color-lime-base-default: var(--color-lime-500);
  --color-lime-base-hover: var(--color-lime-600);
  --color-lime-base-pressed: var(--color-lime-700);
  --color-lime-bg-layer-2: var(--color-lime-25);
  --color-lime-bg-layer-3: var(--color-lime-50);
  --color-lime-bg-layer-4: var(--color-lime-75);
  --color-lime-bg-layer-5: var(--color-lime-100);
  --color-lime-bg-page: var(--color-lime-10);
  --color-lime-fill: var(--color-lime-500);
  --color-lime-fill-hover: var(--color-lime-550);
  --color-lime-fill-pressed: var(--color-lime-600);
  --color-lime-input-glow-focus: var(--color-lime-a20);
  --color-lime-subtle: var(--color-lime-a07);
  --color-lime-subtle-hover: var(--color-lime-a10);
  --color-lime-subtle-medium: var(--color-lime-a20);
  --color-lime-subtle-pressed: var(--color-lime-a15);
  --color-lime-subtle-regular: var(--color-lime-a10);
  --color-lime-subtle-strong: var(--color-lime-a35);
  --color-lime-subtle-weak: var(--color-lime-a05);
  --color-lime-text: var(--color-lime-700);
  --color-lime-text-hover: var(--color-lime-800);
  --color-lime-text-on-solid: var(--color-black-base);
  --color-lime-text-pressed: var(--color-lime-900);
  --color-mustard-5: #fdfbf6;
  --color-mustard-10: #fdfcf6;
  --color-mustard-15: #fdfaf0;
  --color-mustard-25: #fcf8ec;
  --color-mustard-50: #fdf7e5;
  --color-mustard-75: #fbf3d9;
  --color-mustard-100: #faeecb;
  --color-mustard-125: #f8eabe;
  --color-mustard-150: #f7e6b1;
  --color-mustard-200: #f4de99;
  --color-mustard-250: #f2d680;
  --color-mustard-300: #efce67;
  --color-mustard-350: #ebc54e;
  --color-mustard-400: #e7bd35;
  --color-mustard-450: #e3b52b;
  --color-mustard-500: #e0ad01;
  --color-mustard-550: #cc9d00;
  --color-mustard-600: #b38900;
  --color-mustard-650: #9c7700;
  --color-mustard-700: #856500;
  --color-mustard-750: #6e5400;
  --color-mustard-800: #574200;
  --color-mustard-850: #403000;
  --color-mustard-900: #2a1f00;
  --color-mustard-950: #130f00;
  --color-mustard-a00: rgb(224 173 1 / 0);
  --color-mustard-a02: rgb(224 173 1 / 0.02);
  --color-mustard-a05: rgb(224 173 1 / 0.05);
  --color-mustard-a07: rgb(224 173 1 / 0.07);
  --color-mustard-a10: rgb(224 173 1 / 0.1);
  --color-mustard-a12: rgb(224 173 1 / 0.12);
  --color-mustard-a15: rgb(224 173 1 / 0.15);
  --color-mustard-a20: rgb(224 173 1 / 0.2);
  --color-mustard-a25: rgb(224 173 1 / 0.25);
  --color-mustard-a30: rgb(224 173 1 / 0.3);
  --color-mustard-a35: rgb(224 173 1 / 0.35);
  --color-mustard-a40: rgb(224 173 1 / 0.4);
  --color-mustard-a45: rgb(224 173 1 / 0.45);
  --color-mustard-a50: rgb(224 173 1 / 0.5);
  --color-mustard-base-default: var(--color-mustard-500);
  --color-mustard-base-hover: var(--color-mustard-600);
  --color-mustard-base-pressed: var(--color-mustard-700);
  --color-mustard-bg-layer-2: var(--color-mustard-25);
  --color-mustard-bg-layer-3: var(--color-mustard-50);
  --color-mustard-bg-layer-4: var(--color-mustard-75);
  --color-mustard-bg-layer-5: var(--color-mustard-100);
  --color-mustard-bg-page: var(--color-mustard-10);
  --color-mustard-fill: var(--color-mustard-400);
  --color-mustard-fill-hover: var(--color-mustard-450);
  --color-mustard-fill-pressed: var(--color-mustard-500);
  --color-mustard-input-glow-focus: var(--color-mustard-a20);
  --color-mustard-subtle: var(--color-mustard-a07);
  --color-mustard-subtle-hover: var(--color-mustard-a10);
  --color-mustard-subtle-medium: var(--color-mustard-a20);
  --color-mustard-subtle-pressed: var(--color-mustard-a15);
  --color-mustard-subtle-regular: var(--color-mustard-a10);
  --color-mustard-subtle-strong: var(--color-mustard-a35);
  --color-mustard-subtle-weak: var(--color-mustard-a05);
  --color-mustard-text: var(--color-mustard-700);
  --color-mustard-text-hover: var(--color-mustard-800);
  --color-mustard-text-on-solid: var(--color-black-base);
  --color-mustard-text-pressed: var(--color-mustard-900);
  --color-navy-5: #f7fbfe;
  --color-navy-10: #f6fbff;
  --color-navy-15: #f0f8ff;
  --color-navy-25: #ecf6ff;
  --color-navy-50: #e4f3ff;
  --color-navy-75: #d6eaff;
  --color-navy-100: #c8e0ff;
  --color-navy-125: #bdd8fd;
  --color-navy-150: #b2d0fb;
  --color-navy-200: #9dbff4;
  --color-navy-250: #83aae6;
  --color-navy-300: #6993d5;
  --color-navy-350: #4f7cc1;
  --color-navy-400: #3665ad;
  --color-navy-450: #1a4d98;
  --color-navy-500: #013986;
  --color-navy-550: #002d79;
  --color-navy-600: #00236f;
  --color-navy-650: #001b65;
  --color-navy-700: #00155c;
  --color-navy-750: #000f52;
  --color-navy-800: #000948;
  --color-navy-850: #000540;
  --color-navy-900: #000237;
  --color-navy-950: #000028;
  --color-navy-a00: rgb(1 57 134 / 0);
  --color-navy-a02: rgb(1 57 134 / 0.02);
  --color-navy-a05: rgb(1 57 134 / 0.05);
  --color-navy-a07: rgb(1 57 134 / 0.07);
  --color-navy-a10: rgb(1 57 134 / 0.1);
  --color-navy-a12: rgb(1 57 134 / 0.12);
  --color-navy-a15: rgb(1 57 134 / 0.15);
  --color-navy-a20: rgb(1 57 134 / 0.2);
  --color-navy-a25: rgb(1 57 134 / 0.25);
  --color-navy-a30: rgb(1 57 134 / 0.3);
  --color-navy-a35: rgb(1 57 134 / 0.35);
  --color-navy-a40: rgb(1 57 134 / 0.4);
  --color-navy-a45: rgb(1 57 134 / 0.45);
  --color-navy-a50: rgb(1 57 134 / 0.5);
  --color-navy-base-default: var(--color-navy-500);
  --color-navy-base-hover: var(--color-navy-600);
  --color-navy-base-pressed: var(--color-navy-700);
  --color-navy-bg-layer-2: var(--color-navy-25);
  --color-navy-bg-layer-3: var(--color-navy-50);
  --color-navy-bg-layer-4: var(--color-navy-75);
  --color-navy-bg-layer-5: var(--color-navy-100);
  --color-navy-bg-page: var(--color-navy-10);
  --color-navy-fill: var(--color-navy-500);
  --color-navy-fill-hover: var(--color-navy-600);
  --color-navy-fill-pressed: var(--color-navy-700);
  --color-navy-input-glow-focus: var(--color-navy-a20);
  --color-navy-subtle: var(--color-navy-a07);
  --color-navy-subtle-hover: var(--color-navy-a10);
  --color-navy-subtle-medium: var(--color-navy-a20);
  --color-navy-subtle-pressed: var(--color-navy-a15);
  --color-navy-subtle-regular: var(--color-navy-a10);
  --color-navy-subtle-strong: var(--color-navy-a35);
  --color-navy-subtle-weak: var(--color-navy-a05);
  --color-navy-text: var(--color-navy-600);
  --color-navy-text-hover: var(--color-navy-700);
  --color-navy-text-on-solid: var(--color-white-base);
  --color-navy-text-pressed: var(--color-navy-800);
  --color-neutral-button-fill: var(--color-gray-550);
  --color-neutral-button-fill-fg: var(--color-white-base);
  --color-neutral-button-fill-hover: var(--color-gray-600);
  --color-neutral-button-fill-pressed: var(--color-gray-650);
  --color-neutral-button-stroke: var(--color-gray-600);
  --color-neutral-button-subtle: var(--color-gray-a10);
  --color-neutral-button-subtle-hover: var(--color-gray-a07);
  --color-neutral-button-subtle-pressed: var(--color-gray-a15);
  --color-neutral-button-text: var(--color-gray-700);
  --color-olive-5: #fafbf7;
  --color-olive-10: #f9fbf6;
  --color-olive-15: #f6f8f1;
  --color-olive-25: #f4f7ed;
  --color-olive-50: #f0f4e7;
  --color-olive-75: #e9efda;
  --color-olive-100: #e0e8cd;
  --color-olive-125: #d9e3c1;
  --color-olive-150: #d2ddb6;
  --color-olive-200: #c5d2a0;
  --color-olive-250: #b7c789;
  --color-olive-300: #a9bb73;
  --color-olive-350: #9aad5e;
  --color-olive-400: #8c9f4a;
  --color-olive-450: #7e9236;
  --color-olive-500: #718423;
  --color-olive-550: #657712;
  --color-olive-600: #586900;
  --color-olive-650: #4b5a00;
  --color-olive-700: #3e4a00;
  --color-olive-750: #313b00;
  --color-olive-800: #242c00;
  --color-olive-850: #171e00;
  --color-olive-900: #0b1000;
  --color-olive-950: #020400;
  --color-olive-a00: rgb(113 132 35 / 0);
  --color-olive-a02: rgb(113 132 35 / 0.02);
  --color-olive-a05: rgb(113 132 35 / 0.05);
  --color-olive-a07: rgb(113 132 35 / 0.07);
  --color-olive-a10: rgb(113 132 35 / 0.1);
  --color-olive-a12: rgb(113 132 35 / 0.12);
  --color-olive-a15: rgb(113 132 35 / 0.15);
  --color-olive-a20: rgb(113 132 35 / 0.2);
  --color-olive-a25: rgb(113 132 35 / 0.25);
  --color-olive-a30: rgb(113 132 35 / 0.3);
  --color-olive-a35: rgb(113 132 35 / 0.35);
  --color-olive-a40: rgb(113 132 35 / 0.4);
  --color-olive-a45: rgb(113 132 35 / 0.45);
  --color-olive-a50: rgb(113 132 35 / 0.5);
  --color-olive-base-default: var(--color-olive-500);
  --color-olive-base-hover: var(--color-olive-600);
  --color-olive-base-pressed: var(--color-olive-700);
  --color-olive-bg-layer-2: var(--color-olive-25);
  --color-olive-bg-layer-3: var(--color-olive-50);
  --color-olive-bg-layer-4: var(--color-olive-75);
  --color-olive-bg-layer-5: var(--color-olive-100);
  --color-olive-bg-page: var(--color-olive-10);
  --color-olive-fill: var(--color-olive-550);
  --color-olive-fill-hover: var(--color-olive-650);
  --color-olive-fill-pressed: var(--color-olive-750);
  --color-olive-input-glow-focus: var(--color-olive-a20);
  --color-olive-subtle: var(--color-olive-a07);
  --color-olive-subtle-hover: var(--color-olive-a10);
  --color-olive-subtle-medium: var(--color-olive-a20);
  --color-olive-subtle-pressed: var(--color-olive-a15);
  --color-olive-subtle-regular: var(--color-olive-a10);
  --color-olive-subtle-strong: var(--color-olive-a35);
  --color-olive-subtle-weak: var(--color-olive-a05);
  --color-olive-text: var(--color-olive-600);
  --color-olive-text-hover: var(--color-olive-700);
  --color-olive-text-on-solid: var(--color-white-base);
  --color-olive-text-pressed: var(--color-olive-800);
  --color-orange-5: #fdfaf6;
  --color-orange-10: #fffbf6;
  --color-orange-15: #fef8f0;
  --color-orange-25: #fef7ec;
  --color-orange-50: #fff4e5;
  --color-orange-75: #ffefd9;
  --color-orange-100: #ffeacc;
  --color-orange-125: #ffe5bf;
  --color-orange-150: #ffdfb2;
  --color-orange-200: #ffd599;
  --color-orange-250: #ffca7f;
  --color-orange-300: #ffbf66;
  --color-orange-350: #ffb44d;
  --color-orange-400: #ffaa33;
  --color-orange-450: #ffa12c;
  --color-orange-500: #ff9500;
  --color-orange-550: #e98700;
  --color-orange-600: #cc7700;
  --color-orange-650: #b26800;
  --color-orange-700: #995900;
  --color-orange-750: #804b00;
  --color-orange-800: #663c00;
  --color-orange-850: #4c2d00;
  --color-orange-900: #331e00;
  --color-orange-950: #190f00;
  --color-orange-a00: rgb(255 149 0 / 0);
  --color-orange-a02: rgb(255 149 0 / 0.02);
  --color-orange-a05: rgb(255 149 0 / 0.05);
  --color-orange-a07: rgb(255 149 0 / 0.07);
  --color-orange-a10: rgb(255 149 0 / 0.1);
  --color-orange-a12: rgb(255 149 0 / 0.12);
  --color-orange-a15: rgb(255 149 0 / 0.15);
  --color-orange-a20: rgb(255 149 0 / 0.2);
  --color-orange-a25: rgb(255 149 0 / 0.25);
  --color-orange-a30: rgb(255 149 0 / 0.3);
  --color-orange-a35: rgb(255 149 0 / 0.35);
  --color-orange-a40: rgb(255 149 0 / 0.4);
  --color-orange-a45: rgb(255 149 0 / 0.45);
  --color-orange-a50: rgb(255 149 0 / 0.5);
  --color-orange-base-default: var(--color-orange-500);
  --color-orange-base-hover: var(--color-orange-600);
  --color-orange-base-pressed: var(--color-orange-700);
  --color-orange-bg-layer-2: var(--color-orange-25);
  --color-orange-bg-layer-3: var(--color-orange-50);
  --color-orange-bg-layer-4: var(--color-orange-75);
  --color-orange-bg-layer-5: var(--color-orange-100);
  --color-orange-bg-page: var(--color-orange-10);
  --color-orange-fill: var(--color-orange-500);
  --color-orange-fill-hover: var(--color-orange-550);
  --color-orange-fill-pressed: var(--color-orange-600);
  --color-orange-input-glow-focus: var(--color-orange-a20);
  --color-orange-subtle: var(--color-orange-a07);
  --color-orange-subtle-hover: var(--color-orange-a10);
  --color-orange-subtle-medium: var(--color-orange-a20);
  --color-orange-subtle-pressed: var(--color-orange-a15);
  --color-orange-subtle-regular: var(--color-orange-a10);
  --color-orange-subtle-strong: var(--color-orange-a35);
  --color-orange-subtle-weak: var(--color-orange-a05);
  --color-orange-text: var(--color-orange-700);
  --color-orange-text-hover: var(--color-orange-800);
  --color-orange-text-on-solid: var(--color-black-base);
  --color-orange-text-pressed: var(--color-orange-900);
  --color-plum-5: #fdf9ff;
  --color-plum-10: #fdf9ff;
  --color-plum-15: #fcf4ff;
  --color-plum-25: #fbf2ff;
  --color-plum-50: #faedff;
  --color-plum-75: #f8e4ff;
  --color-plum-100: #f5daff;
  --color-plum-125: #f2d1ff;
  --color-plum-150: #f0c7ff;
  --color-plum-200: #ebb5ff;
  --color-plum-250: #e6a2ff;
  --color-plum-300: #df8efb;
  --color-plum-350: #d47cf3;
  --color-plum-400: #c869e9;
  --color-plum-450: #bc57de;
  --color-plum-500: #af47d1;
  --color-plum-550: #a039c1;
  --color-plum-600: #902bb0;
  --color-plum-650: #7d209a;
  --color-plum-700: #691781;
  --color-plum-750: #550d6a;
  --color-plum-800: #420453;
  --color-plum-850: #2f003d;
  --color-plum-900: #1c0026;
  --color-plum-950: #090010;
  --color-plum-a00: rgb(175 71 209 / 0);
  --color-plum-a02: rgb(175 71 209 / 0.02);
  --color-plum-a05: rgb(175 71 209 / 0.05);
  --color-plum-a07: rgb(175 71 209 / 0.07);
  --color-plum-a10: rgb(175 71 209 / 0.1);
  --color-plum-a12: rgb(175 71 209 / 0.12);
  --color-plum-a15: rgb(175 71 209 / 0.15);
  --color-plum-a20: rgb(175 71 209 / 0.2);
  --color-plum-a25: rgb(175 71 209 / 0.25);
  --color-plum-a30: rgb(175 71 209 / 0.3);
  --color-plum-a35: rgb(175 71 209 / 0.35);
  --color-plum-a40: rgb(175 71 209 / 0.4);
  --color-plum-a45: rgb(175 71 209 / 0.45);
  --color-plum-a50: rgb(175 71 209 / 0.5);
  --color-plum-base-default: var(--color-plum-500);
  --color-plum-base-hover: var(--color-plum-600);
  --color-plum-base-pressed: var(--color-plum-700);
  --color-plum-bg-layer-2: var(--color-plum-25);
  --color-plum-bg-layer-3: var(--color-plum-50);
  --color-plum-bg-layer-4: var(--color-plum-75);
  --color-plum-bg-layer-5: var(--color-plum-100);
  --color-plum-bg-page: var(--color-plum-10);
  --color-plum-fill: var(--color-plum-500);
  --color-plum-fill-hover: var(--color-plum-600);
  --color-plum-fill-pressed: var(--color-plum-700);
  --color-plum-input-glow-focus: var(--color-plum-a20);
  --color-plum-subtle: var(--color-plum-a07);
  --color-plum-subtle-hover: var(--color-plum-a10);
  --color-plum-subtle-medium: var(--color-plum-a20);
  --color-plum-subtle-pressed: var(--color-plum-a15);
  --color-plum-subtle-regular: var(--color-plum-a10);
  --color-plum-subtle-strong: var(--color-plum-a35);
  --color-plum-subtle-weak: var(--color-plum-a05);
  --color-plum-text: var(--color-plum-600);
  --color-plum-text-hover: var(--color-plum-700);
  --color-plum-text-on-solid: var(--color-white-base);
  --color-plum-text-pressed: var(--color-plum-800);
  --color-purple-5: #fcf9ff;
  --color-purple-10: #fdf9ff;
  --color-purple-15: #fbf5ff;
  --color-purple-25: #faf2ff;
  --color-purple-50: #f8edff;
  --color-purple-75: #f5e4ff;
  --color-purple-100: #f1daff;
  --color-purple-125: #eed1ff;
  --color-purple-150: #eac8ff;
  --color-purple-200: #e4b6ff;
  --color-purple-250: #dda3ff;
  --color-purple-300: #d68efd;
  --color-purple-350: #ca7bf5;
  --color-purple-400: #be69ea;
  --color-purple-450: #b157df;
  --color-purple-500: #a446d2;
  --color-purple-550: #9638c3;
  --color-purple-600: #872ab1;
  --color-purple-650: #75209b;
  --color-purple-700: #611782;
  --color-purple-750: #4f0e6b;
  --color-purple-800: #3d0554;
  --color-purple-850: #2b003e;
  --color-purple-900: #1a0027;
  --color-purple-950: #080011;
  --color-purple-a00: rgb(164 70 210 / 0);
  --color-purple-a02: rgb(164 70 210 / 0.02);
  --color-purple-a05: rgb(164 70 210 / 0.05);
  --color-purple-a07: rgb(164 70 210 / 0.07);
  --color-purple-a10: rgb(164 70 210 / 0.1);
  --color-purple-a12: rgb(164 70 210 / 0.12);
  --color-purple-a15: rgb(164 70 210 / 0.15);
  --color-purple-a20: rgb(164 70 210 / 0.2);
  --color-purple-a25: rgb(164 70 210 / 0.25);
  --color-purple-a30: rgb(164 70 210 / 0.3);
  --color-purple-a35: rgb(164 70 210 / 0.35);
  --color-purple-a40: rgb(164 70 210 / 0.4);
  --color-purple-a45: rgb(164 70 210 / 0.45);
  --color-purple-a50: rgb(164 70 210 / 0.5);
  --color-purple-base-default: var(--color-purple-500);
  --color-purple-base-hover: var(--color-purple-600);
  --color-purple-base-pressed: var(--color-purple-700);
  --color-purple-bg-layer-2: var(--color-purple-25);
  --color-purple-bg-layer-3: var(--color-purple-50);
  --color-purple-bg-layer-4: var(--color-purple-75);
  --color-purple-bg-layer-5: var(--color-purple-100);
  --color-purple-bg-page: var(--color-purple-10);
  --color-purple-fill: var(--color-purple-500);
  --color-purple-fill-hover: var(--color-purple-600);
  --color-purple-fill-pressed: var(--color-purple-700);
  --color-purple-input-glow-focus: var(--color-purple-a20);
  --color-purple-subtle: var(--color-purple-a07);
  --color-purple-subtle-hover: var(--color-purple-a10);
  --color-purple-subtle-medium: var(--color-purple-a20);
  --color-purple-subtle-pressed: var(--color-purple-a15);
  --color-purple-subtle-regular: var(--color-purple-a10);
  --color-purple-subtle-strong: var(--color-purple-a35);
  --color-purple-subtle-weak: var(--color-purple-a05);
  --color-purple-text: var(--color-purple-600);
  --color-purple-text-hover: var(--color-purple-700);
  --color-purple-text-on-solid: var(--color-white-base);
  --color-purple-text-pressed: var(--color-purple-800);
  --color-red-5: #fef9f8;
  --color-red-10: #fff8f7;
  --color-red-15: #fef4f4;
  --color-red-25: #fff1f0;
  --color-red-50: #ffeceb;
  --color-red-75: #ffe3e1;
  --color-red-100: #ffd8d6;
  --color-red-125: #ffcecc;
  --color-red-150: #ffc4c1;
  --color-red-200: #ffb1ad;
  --color-red-250: #ff9e99;
  --color-red-300: #ff8b85;
  --color-red-350: #ff7871;
  --color-red-400: #ff645c;
  --color-red-450: #ff5147;
  --color-red-500: #ff3b30;
  --color-red-550: #fc271c;
  --color-red-600: #f50c00;
  --color-red-650: #da0500;
  --color-red-700: #b80900;
  --color-red-750: #990800;
  --color-red-800: #7a0600;
  --color-red-850: #5b0400;
  --color-red-900: #3d0300;
  --color-red-950: #1f0200;
  --color-red-a00: rgb(255 59 48 / 0);
  --color-red-a02: rgb(255 59 48 / 0.02);
  --color-red-a05: rgb(255 59 48 / 0.05);
  --color-red-a07: rgb(255 59 48 / 0.07);
  --color-red-a10: rgb(255 59 48 / 0.1);
  --color-red-a12: rgb(255 59 48 / 0.12);
  --color-red-a15: rgb(255 59 48 / 0.15);
  --color-red-a20: rgb(255 59 48 / 0.2);
  --color-red-a25: rgb(255 59 48 / 0.25);
  --color-red-a30: rgb(255 59 48 / 0.3);
  --color-red-a35: rgb(255 59 48 / 0.35);
  --color-red-a40: rgb(255 59 48 / 0.4);
  --color-red-a45: rgb(255 59 48 / 0.45);
  --color-red-a50: rgb(255 59 48 / 0.5);
  --color-red-base-default: var(--color-red-500);
  --color-red-base-hover: var(--color-red-600);
  --color-red-base-pressed: var(--color-red-700);
  --color-red-bg-layer-2: var(--color-red-25);
  --color-red-bg-layer-3: var(--color-red-50);
  --color-red-bg-layer-4: var(--color-red-75);
  --color-red-bg-layer-5: var(--color-red-100);
  --color-red-bg-page: var(--color-red-10);
  --color-red-fill: var(--color-red-650);
  --color-red-fill-hover: var(--color-red-750);
  --color-red-fill-pressed: var(--color-red-850);
  --color-red-input-glow-focus: var(--color-red-a20);
  --color-red-subtle: var(--color-red-a07);
  --color-red-subtle-hover: var(--color-red-a10);
  --color-red-subtle-medium: var(--color-red-a20);
  --color-red-subtle-pressed: var(--color-red-a15);
  --color-red-subtle-regular: var(--color-red-a10);
  --color-red-subtle-strong: var(--color-red-a35);
  --color-red-subtle-weak: var(--color-red-a05);
  --color-red-text: var(--color-red-700);
  --color-red-text-hover: var(--color-red-750);
  --color-red-text-on-solid: var(--color-white-base);
  --color-red-text-pressed: var(--color-red-850);
  --color-relief-raised-medium: var(--color-white-a20);
  --color-relief-raised-strong: var(--color-white-a30);
  --color-relief-raised-weak: var(--color-white-a10);
  --color-relief-sunken-medium: var(--color-black-a20);
  --color-relief-sunken-strong: var(--color-black-a30);
  --color-relief-sunken-weak: var(--color-black-a10);
  --color-rose-5: #fff8fa;
  --color-rose-10: #fff8fa;
  --color-rose-15: #fff5f7;
  --color-rose-25: #fff2f5;
  --color-rose-50: #ffeef1;
  --color-rose-75: #ffe5ea;
  --color-rose-100: #ffdce2;
  --color-rose-125: #ffd3db;
  --color-rose-150: #ffcad5;
  --color-rose-200: #ffb9c8;
  --color-rose-250: #ffa6ba;
  --color-rose-300: #ff91ac;
  --color-rose-350: #ff789c;
  --color-rose-400: #f8628d;
  --color-rose-450: #ed4f80;
  --color-rose-500: #e03e74;
  --color-rose-550: #cf2e67;
  --color-rose-600: #bc1d5a;
  --color-rose-650: #a3104c;
  --color-rose-700: #89083e;
  --color-rose-750: #710031;
  --color-rose-800: #580023;
  --color-rose-850: #3f0017;
  --color-rose-900: #28000a;
  --color-rose-950: #100002;
  --color-rose-a00: rgb(224 62 116 / 0);
  --color-rose-a02: rgb(224 62 116 / 0.02);
  --color-rose-a05: rgb(224 62 116 / 0.05);
  --color-rose-a07: rgb(224 62 116 / 0.07);
  --color-rose-a10: rgb(224 62 116 / 0.1);
  --color-rose-a12: rgb(224 62 116 / 0.12);
  --color-rose-a15: rgb(224 62 116 / 0.15);
  --color-rose-a20: rgb(224 62 116 / 0.2);
  --color-rose-a25: rgb(224 62 116 / 0.25);
  --color-rose-a30: rgb(224 62 116 / 0.3);
  --color-rose-a35: rgb(224 62 116 / 0.35);
  --color-rose-a40: rgb(224 62 116 / 0.4);
  --color-rose-a45: rgb(224 62 116 / 0.45);
  --color-rose-a50: rgb(224 62 116 / 0.5);
  --color-rose-base-default: var(--color-rose-500);
  --color-rose-base-hover: var(--color-rose-600);
  --color-rose-base-pressed: var(--color-rose-700);
  --color-rose-bg-layer-2: var(--color-rose-25);
  --color-rose-bg-layer-3: var(--color-rose-50);
  --color-rose-bg-layer-4: var(--color-rose-75);
  --color-rose-bg-layer-5: var(--color-rose-100);
  --color-rose-bg-page: var(--color-rose-10);
  --color-rose-fill: var(--color-rose-550);
  --color-rose-fill-hover: var(--color-rose-650);
  --color-rose-fill-pressed: var(--color-rose-750);
  --color-rose-input-glow-focus: var(--color-rose-a20);
  --color-rose-subtle: var(--color-rose-a07);
  --color-rose-subtle-hover: var(--color-rose-a10);
  --color-rose-subtle-medium: var(--color-rose-a20);
  --color-rose-subtle-pressed: var(--color-rose-a15);
  --color-rose-subtle-regular: var(--color-rose-a10);
  --color-rose-subtle-strong: var(--color-rose-a35);
  --color-rose-subtle-weak: var(--color-rose-a05);
  --color-rose-text: var(--color-rose-600);
  --color-rose-text-hover: var(--color-rose-700);
  --color-rose-text-on-solid: var(--color-white-base);
  --color-rose-text-pressed: var(--color-rose-800);
  --color-sky-5: #f7fbfe;
  --color-sky-10: #f7fcff;
  --color-sky-15: #f2faff;
  --color-sky-25: #eef9ff;
  --color-sky-50: #e9f7ff;
  --color-sky-75: #def3ff;
  --color-sky-100: #d2efff;
  --color-sky-125: #c8ebff;
  --color-sky-150: #bde8ff;
  --color-sky-200: #a7e0ff;
  --color-sky-250: #8fd8ff;
  --color-sky-300: #74d0fe;
  --color-sky-350: #5ec6f8;
  --color-sky-400: #47bbf1;
  --color-sky-450: #2db1e9;
  --color-sky-500: #0ca6df;
  --color-sky-550: #0095ca;
  --color-sky-600: #0084b3;
  --color-sky-650: #00719a;
  --color-sky-700: #005e81;
  --color-sky-750: #004b68;
  --color-sky-800: #003950;
  --color-sky-850: #002739;
  --color-sky-900: #001523;
  --color-sky-950: #00050f;
  --color-sky-a00: rgb(12 166 223 / 0);
  --color-sky-a02: rgb(12 166 223 / 0.02);
  --color-sky-a05: rgb(12 166 223 / 0.05);
  --color-sky-a07: rgb(12 166 223 / 0.07);
  --color-sky-a10: rgb(12 166 223 / 0.1);
  --color-sky-a12: rgb(12 166 223 / 0.12);
  --color-sky-a15: rgb(12 166 223 / 0.15);
  --color-sky-a20: rgb(12 166 223 / 0.2);
  --color-sky-a25: rgb(12 166 223 / 0.25);
  --color-sky-a30: rgb(12 166 223 / 0.3);
  --color-sky-a35: rgb(12 166 223 / 0.35);
  --color-sky-a40: rgb(12 166 223 / 0.4);
  --color-sky-a45: rgb(12 166 223 / 0.45);
  --color-sky-a50: rgb(12 166 223 / 0.5);
  --color-sky-base-default: var(--color-sky-500);
  --color-sky-base-hover: var(--color-sky-600);
  --color-sky-base-pressed: var(--color-sky-700);
  --color-sky-bg-layer-2: var(--color-sky-25);
  --color-sky-bg-layer-3: var(--color-sky-50);
  --color-sky-bg-layer-4: var(--color-sky-75);
  --color-sky-bg-layer-5: var(--color-sky-100);
  --color-sky-bg-page: var(--color-sky-10);
  --color-sky-fill: var(--color-sky-650);
  --color-sky-fill-hover: var(--color-sky-750);
  --color-sky-fill-pressed: var(--color-sky-850);
  --color-sky-input-glow-focus: var(--color-sky-a20);
  --color-sky-subtle: var(--color-sky-a07);
  --color-sky-subtle-hover: var(--color-sky-a10);
  --color-sky-subtle-medium: var(--color-sky-a20);
  --color-sky-subtle-pressed: var(--color-sky-a15);
  --color-sky-subtle-regular: var(--color-sky-a10);
  --color-sky-subtle-strong: var(--color-sky-a35);
  --color-sky-subtle-weak: var(--color-sky-a05);
  --color-sky-text: var(--color-sky-650);
  --color-sky-text-hover: var(--color-sky-750);
  --color-sky-text-on-solid: var(--color-white-base);
  --color-sky-text-pressed: var(--color-sky-850);
  --color-teal-5: #f7fbfa;
  --color-teal-10: #f7fcfa;
  --color-teal-15: #f2f9f7;
  --color-teal-25: #eef8f5;
  --color-teal-50: #e8f6f2;
  --color-teal-75: #dcf1ec;
  --color-teal-100: #ceece5;
  --color-teal-125: #c3e8de;
  --color-teal-150: #b7e3d8;
  --color-teal-200: #a1dacc;
  --color-teal-250: #8ad0c0;
  --color-teal-300: #72c5b3;
  --color-teal-350: #5bb8a5;
  --color-teal-400: #43ab97;
  --color-teal-450: #289e8a;
  --color-teal-500: #00917d;
  --color-teal-550: #008270;
  --color-teal-600: #007363;
  --color-teal-650: #006354;
  --color-teal-700: #005246;
  --color-teal-750: #004137;
  --color-teal-800: #003129;
  --color-teal-850: #00221b;
  --color-teal-900: #00130e;
  --color-teal-950: #000503;
  --color-teal-a00: rgb(0 145 125 / 0);
  --color-teal-a02: rgb(0 145 125 / 0.02);
  --color-teal-a05: rgb(0 145 125 / 0.05);
  --color-teal-a07: rgb(0 145 125 / 0.07);
  --color-teal-a10: rgb(0 145 125 / 0.1);
  --color-teal-a12: rgb(0 145 125 / 0.12);
  --color-teal-a15: rgb(0 145 125 / 0.15);
  --color-teal-a20: rgb(0 145 125 / 0.2);
  --color-teal-a25: rgb(0 145 125 / 0.25);
  --color-teal-a30: rgb(0 145 125 / 0.3);
  --color-teal-a35: rgb(0 145 125 / 0.35);
  --color-teal-a40: rgb(0 145 125 / 0.4);
  --color-teal-a45: rgb(0 145 125 / 0.45);
  --color-teal-a50: rgb(0 145 125 / 0.5);
  --color-teal-base-default: var(--color-teal-500);
  --color-teal-base-hover: var(--color-teal-600);
  --color-teal-base-pressed: var(--color-teal-700);
  --color-teal-bg-layer-2: var(--color-teal-25);
  --color-teal-bg-layer-3: var(--color-teal-50);
  --color-teal-bg-layer-4: var(--color-teal-75);
  --color-teal-bg-layer-5: var(--color-teal-100);
  --color-teal-bg-page: var(--color-teal-10);
  --color-teal-fill: var(--color-teal-550);
  --color-teal-fill-hover: var(--color-teal-650);
  --color-teal-fill-pressed: var(--color-teal-750);
  --color-teal-input-glow-focus: var(--color-teal-a20);
  --color-teal-subtle: var(--color-teal-a07);
  --color-teal-subtle-hover: var(--color-teal-a10);
  --color-teal-subtle-medium: var(--color-teal-a20);
  --color-teal-subtle-pressed: var(--color-teal-a15);
  --color-teal-subtle-regular: var(--color-teal-a10);
  --color-teal-subtle-strong: var(--color-teal-a35);
  --color-teal-subtle-weak: var(--color-teal-a05);
  --color-teal-text: var(--color-teal-600);
  --color-teal-text-hover: var(--color-teal-700);
  --color-teal-text-on-solid: var(--color-white-base);
  --color-teal-text-pressed: var(--color-teal-800);
  --color-white-a00: rgb(255 255 255 / 0);
  --color-white-a02: rgb(255 255 255 / 0.02);
  --color-white-a03: rgb(255 255 255 / 0.03);
  --color-white-a05: rgb(255 255 255 / 0.05);
  --color-white-a07: rgb(255 255 255 / 0.07);
  --color-white-a10: rgb(255 255 255 / 0.1);
  --color-white-a12: rgb(255 255 255 / 0.12);
  --color-white-a15: rgb(255 255 255 / 0.15);
  --color-white-a20: rgb(255 255 255 / 0.2);
  --color-white-a25: rgb(255 255 255 / 0.25);
  --color-white-a30: rgb(255 255 255 / 0.3);
  --color-white-a35: rgb(255 255 255 / 0.35);
  --color-white-a40: rgb(255 255 255 / 0.4);
  --color-white-a45: rgb(255 255 255 / 0.45);
  --color-white-a50: rgb(255 255 255 / 0.5);
  --color-white-a90: rgb(255 255 255 / 0.9);
  --color-white-a95: rgb(255 255 255 / 0.95);
  --color-white-base: #ffffff;
  --color-white-bg-layer-2: var(--color-white-a05);
  --color-white-bg-layer-3: var(--color-white-a07);
  --color-white-bg-layer-4: var(--color-white-a10);
  --color-white-bg-layer-5: var(--color-white-a15);
  --color-white-bg-page: var(--color-white-a02);
  --color-white-fill: var(--color-gray-5);
  --color-white-fill-hover: var(--color-gray-50);
  --color-white-fill-pressed: var(--color-gray-75);
  --color-white-input-glow-focus: var(--color-white-a35);
  --color-white-subtle: var(--color-white-a10);
  --color-white-subtle-hover: var(--color-white-a15);
  --color-white-subtle-pressed: var(--color-white-a20);
  --color-white-text: var(--color-gray-950);
  --color-white-text-hover: var(--color-gray-25);
  --color-white-text-on-solid: var(--color-black-base);
  --color-white-text-pressed: var(--color-gray-50);
  --color-wine-5: #fef8f8;
  --color-wine-10: #fff7f7;
  --color-wine-15: #fff3f3;
  --color-wine-25: #ffefef;
  --color-wine-50: #ffe9e9;
  --color-wine-75: #ffddde;
  --color-wine-100: #ffd0d1;
  --color-wine-125: #fcc6c7;
  --color-wine-150: #f9bcbd;
  --color-wine-200: #efa8aa;
  --color-wine-250: #df9092;
  --color-wine-300: #cc767a;
  --color-wine-350: #b55b60;
  --color-wine-400: #a1434b;
  --color-wine-450: #96323d;
  --color-wine-500: #8b2332;
  --color-wine-550: #7c1226;
  --color-wine-600: #6f001c;
  --color-wine-650: #640015;
  --color-wine-700: #59000f;
  --color-wine-750: #4e000a;
  --color-wine-800: #440006;
  --color-wine-850: #3b0004;
  --color-wine-900: #320002;
  --color-wine-950: #230000;
  --color-wine-a00: rgb(139 35 50 / 0);
  --color-wine-a02: rgb(139 35 50 / 0.02);
  --color-wine-a05: rgb(139 35 50 / 0.05);
  --color-wine-a07: rgb(139 35 50 / 0.07);
  --color-wine-a10: rgb(139 35 50 / 0.1);
  --color-wine-a12: rgb(139 35 50 / 0.12);
  --color-wine-a15: rgb(139 35 50 / 0.15);
  --color-wine-a20: rgb(139 35 50 / 0.2);
  --color-wine-a25: rgb(139 35 50 / 0.25);
  --color-wine-a30: rgb(139 35 50 / 0.3);
  --color-wine-a35: rgb(139 35 50 / 0.35);
  --color-wine-a40: rgb(139 35 50 / 0.4);
  --color-wine-a45: rgb(139 35 50 / 0.45);
  --color-wine-a50: rgb(139 35 50 / 0.5);
  --color-wine-base-default: var(--color-wine-500);
  --color-wine-base-hover: var(--color-wine-600);
  --color-wine-base-pressed: var(--color-wine-700);
  --color-wine-bg-layer-2: var(--color-wine-25);
  --color-wine-bg-layer-3: var(--color-wine-50);
  --color-wine-bg-layer-4: var(--color-wine-75);
  --color-wine-bg-layer-5: var(--color-wine-100);
  --color-wine-bg-page: var(--color-wine-10);
  --color-wine-fill: var(--color-wine-500);
  --color-wine-fill-hover: var(--color-wine-600);
  --color-wine-fill-pressed: var(--color-wine-700);
  --color-wine-input-glow-focus: var(--color-wine-a20);
  --color-wine-subtle: var(--color-wine-a07);
  --color-wine-subtle-hover: var(--color-wine-a10);
  --color-wine-subtle-medium: var(--color-wine-a20);
  --color-wine-subtle-pressed: var(--color-wine-a15);
  --color-wine-subtle-regular: var(--color-wine-a10);
  --color-wine-subtle-strong: var(--color-wine-a35);
  --color-wine-subtle-weak: var(--color-wine-a05);
  --color-wine-text: var(--color-wine-600);
  --color-wine-text-hover: var(--color-wine-700);
  --color-wine-text-on-solid: var(--color-white-base);
  --color-wine-text-pressed: var(--color-wine-800);
  --color-yellow-5: #fdfbf6;
  --color-yellow-10: #fefdf6;
  --color-yellow-15: #fefbf0;
  --color-yellow-25: #fefaec;
  --color-yellow-50: #fff9e5;
  --color-yellow-75: #fff6d9;
  --color-yellow-100: #fff3cc;
  --color-yellow-125: #fff0bf;
  --color-yellow-150: #ffedb2;
  --color-yellow-200: #ffe799;
  --color-yellow-250: #ffe17f;
  --color-yellow-300: #ffdb66;
  --color-yellow-350: #ffd54c;
  --color-yellow-400: #ffcf33;
  --color-yellow-450: #ffca2f;
  --color-yellow-500: #ffc402;
  --color-yellow-550: #eab300;
  --color-yellow-600: #cc9c00;
  --color-yellow-650: #b38800;
  --color-yellow-700: #997500;
  --color-yellow-750: #806200;
  --color-yellow-800: #664e00;
  --color-yellow-850: #4c3a00;
  --color-yellow-900: #332700;
  --color-yellow-950: #191400;
  --color-yellow-a00: rgb(255 196 2 / 0);
  --color-yellow-a02: rgb(255 196 2 / 0.02);
  --color-yellow-a05: rgb(255 196 2 / 0.05);
  --color-yellow-a07: rgb(255 196 2 / 0.07);
  --color-yellow-a10: rgb(255 196 2 / 0.1);
  --color-yellow-a12: rgb(255 196 2 / 0.12);
  --color-yellow-a15: rgb(255 196 2 / 0.15);
  --color-yellow-a20: rgb(255 196 2 / 0.2);
  --color-yellow-a25: rgb(255 196 2 / 0.25);
  --color-yellow-a30: rgb(255 196 2 / 0.3);
  --color-yellow-a35: rgb(255 196 2 / 0.35);
  --color-yellow-a40: rgb(255 196 2 / 0.4);
  --color-yellow-a45: rgb(255 196 2 / 0.45);
  --color-yellow-a50: rgb(255 196 2 / 0.5);
  --color-yellow-base-default: var(--color-yellow-500);
  --color-yellow-base-hover: var(--color-yellow-600);
  --color-yellow-base-pressed: var(--color-yellow-700);
  --color-yellow-bg-layer-2: var(--color-yellow-25);
  --color-yellow-bg-layer-3: var(--color-yellow-50);
  --color-yellow-bg-layer-4: var(--color-yellow-75);
  --color-yellow-bg-layer-5: var(--color-yellow-100);
  --color-yellow-bg-page: var(--color-yellow-10);
  --color-yellow-fill: var(--color-yellow-750);
  --color-yellow-fill-hover: var(--color-yellow-850);
  --color-yellow-fill-pressed: var(--color-yellow-900);
  --color-yellow-input-glow-focus: var(--color-yellow-a20);
  --color-yellow-subtle: var(--color-yellow-a07);
  --color-yellow-subtle-hover: var(--color-yellow-a10);
  --color-yellow-subtle-medium: var(--color-yellow-a20);
  --color-yellow-subtle-pressed: var(--color-yellow-a15);
  --color-yellow-subtle-regular: var(--color-yellow-a10);
  --color-yellow-subtle-strong: var(--color-yellow-a35);
  --color-yellow-subtle-weak: var(--color-yellow-a05);
  --color-yellow-text: var(--color-yellow-750);
  --color-yellow-text-hover: var(--color-yellow-850);
  --color-yellow-text-on-solid: var(--color-white-base);
  --color-yellow-text-pressed: var(--color-yellow-950);

  /* Mode-aware effects — Light */
  --effect-glass-default-backdrop-blur: 18px;

  /* Gray / Neutral (default) */
  --color-gray-5: #fdfdfd;
  --color-gray-10: #fcfcfc;
  --color-gray-15: #fcfcfc;
  --color-gray-25: #fafafa;
  --color-gray-50: #f3f3f3;
  --color-gray-75: #eeeeee;
  --color-gray-100: #e9e9e9;
  --color-gray-125: #e4e4e4;
  --color-gray-150: #dfdfdf;
  --color-gray-200: #d6d6d6;
  --color-gray-250: #cacaca;
  --color-gray-300: #bebebe;
  --color-gray-350: #b4b4b4;
  --color-gray-400: #ababab;
  --color-gray-450: #9e9e9e;
  --color-gray-500: #929292;
  --color-gray-550: #767676;
  --color-gray-575: #616161;
  --color-gray-600: #5b5b5b;
  --color-gray-650: #525252;
  --color-gray-700: #4a4a4a;
  --color-gray-750: #3c3c3c;
  --color-gray-775: #363636;
  --color-gray-785: #333333;
  --color-gray-800: #2f2f2f;
  --color-gray-850: #1e1e1e;
  --color-gray-900: #0e0e0e;
  --color-gray-950: #030303;
  --color-gray-a00: rgb(146 146 146 / 0);
  --color-gray-a02: rgb(146 146 146 / 0.02);
  --color-gray-a05: rgb(146 146 146 / 0.05);
  --color-gray-a07: rgb(146 146 146 / 0.07);
  --color-gray-a10: rgb(146 146 146 / 0.1);
  --color-gray-a12: rgb(146 146 146 / 0.12);
  --color-gray-a15: rgb(146 146 146 / 0.15);
  --color-gray-a20: rgb(146 146 146 / 0.2);
  --color-gray-a25: rgb(146 146 146 / 0.25);
  --color-gray-a30: rgb(146 146 146 / 0.3);
  --color-gray-a35: rgb(146 146 146 / 0.35);
  --color-gray-a40: rgb(146 146 146 / 0.4);
  --color-gray-a45: rgb(146 146 146 / 0.45);
  --color-gray-a50: rgb(146 146 146 / 0.5);

  /* Semantic — Light */

  /* Brand — Blue (default) */
  --color-brand-50: var(--color-blue-50);
  --color-brand-100: var(--color-blue-100);
  --color-brand-150: var(--color-blue-150);
  --color-brand-200: var(--color-blue-200);
  --color-brand-250: var(--color-blue-250);
  --color-brand-300: var(--color-blue-300);
  --color-brand-350: var(--color-blue-350);
  --color-brand-400: var(--color-blue-400);
  --color-brand-450: var(--color-blue-450);
  --color-brand-500: var(--color-blue-500);
  --color-brand-550: var(--color-blue-550);
  --color-brand-600: var(--color-blue-600);
  --color-brand-650: var(--color-blue-650);
  --color-brand-700: var(--color-blue-700);
  --color-brand-750: var(--color-blue-750);
  --color-brand-800: var(--color-blue-800);
  --color-brand-850: var(--color-blue-850);
  --color-brand-900: var(--color-blue-900);
  --color-brand-950: var(--color-blue-950);
  --color-brand-a00: var(--color-blue-a00);
  --color-brand-a03: var(--color-blue-a02);
  --color-brand-a05: var(--color-blue-a05);
  --color-brand-a07: var(--color-blue-a07);
  --color-brand-a10: var(--color-blue-a10);
  --color-brand-a12: var(--color-blue-a12);
  --color-brand-a15: var(--color-blue-a15);
  --color-brand-a20: var(--color-blue-a20);
  --color-brand-a25: var(--color-blue-a25);
  --color-brand-a30: var(--color-blue-a30);
  --color-brand-a35: var(--color-blue-a35);
  --color-brand-a40: var(--color-blue-a40);
  --color-brand-a45: var(--color-blue-a45);
  --color-brand-a50: var(--color-blue-a50);
  --color-brand-accessible-solid-default: var(--color-blue-fill);
  --color-brand-accessible-solid-hover: var(--color-blue-fill-hover);
  --color-brand-accessible-solid-pressed: var(--color-blue-fill-pressed);
  --color-brand-base-default: var(--color-blue-base-default);
  --color-brand-base-hover: var(--color-blue-base-hover);
  --color-brand-base-pressed: var(--color-blue-base-pressed);
  --color-brand-black: var(--color-black-base);
  --color-brand-black-a00: var(--color-black-a00);
  --color-brand-black-a02: var(--color-black-a02);
  --color-brand-black-a03: var(--color-black-a03);
  --color-brand-black-a05: var(--color-black-a05);
  --color-brand-black-a07: var(--color-black-a07);
  --color-brand-black-a10: var(--color-black-a10);
  --color-brand-black-a12: var(--color-black-a12);
  --color-brand-black-a15: var(--color-black-a15);
  --color-brand-black-a20: var(--color-black-a20);
  --color-brand-black-a25: var(--color-black-a25);
  --color-brand-black-a30: var(--color-black-a30);
  --color-brand-black-a35: var(--color-black-a35);
  --color-brand-black-a40: var(--color-black-a40);
  --color-brand-black-a45: var(--color-black-a45);
  --color-brand-black-a50: var(--color-black-a50);
  --color-brand-black-a70: var(--color-black-a70);
  --color-brand-black-bg-layer-2: var(--color-black-bg-layer-2);
  --color-brand-black-bg-layer-3: var(--color-black-bg-layer-3);
  --color-brand-black-bg-layer-4: var(--color-black-bg-layer-4);
  --color-brand-black-bg-layer-5: var(--color-black-bg-layer-5);
  --color-brand-black-bg-page: var(--color-black-bg-page);
  --color-brand-black-fill: var(--color-black-fill);
  --color-brand-black-fill-hover: var(--color-black-fill-hover);
  --color-brand-black-fill-pressed: var(--color-black-fill-pressed);
  --color-brand-black-input-glow-focus: var(--color-black-input-glow-focus);
  --color-brand-black-subtle: var(--color-black-subtle);
  --color-brand-black-subtle-hover: var(--color-black-subtle-hover);
  --color-brand-black-subtle-pressed: var(--color-black-subtle-pressed);
  --color-brand-black-text: var(--color-black-text);
  --color-brand-black-text-hover: var(--color-black-text-hover);
  --color-brand-black-text-on-solid: var(--color-black-text-on-solid);
  --color-brand-black-text-pressed: var(--color-black-text-pressed);
  --color-brand-border-default: var(--color-layout-stroke-default);
  --color-brand-border-strong: var(--color-layout-stroke-strong);
  --color-brand-border-subtle: var(--color-layout-stroke-subtle);
  --color-brand-elevation-1: var(--color-elevation-shadow-1);
  --color-brand-elevation-2: var(--color-elevation-shadow-2);
  --color-brand-elevation-3: var(--color-elevation-shadow-3);
  --color-brand-elevation-4: var(--color-elevation-shadow-4);
  --color-brand-elevation-5: var(--color-elevation-shadow-5);
  --color-brand-elevation-raised: var(--color-elevation-raised);
  --color-brand-elevation-sunken: var(--color-elevation-sunken);
  --color-brand-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-brand-feedback-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-brand-feedback-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-brand-feedback-danger-border: var(--color-feedback-danger-border);
  --color-brand-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-brand-feedback-danger-on-solid: var(--color-feedback-danger-on-solid);
  --color-brand-feedback-danger-solid: var(--color-feedback-danger-solid);
  --color-brand-feedback-danger-solid-hover: var(--color-feedback-danger-solid-hover);
  --color-brand-feedback-danger-solid-pressed: var(--color-feedback-danger-solid-pressed);
  --color-brand-feedback-info-bg: var(--color-feedback-info-bg);
  --color-brand-feedback-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-brand-feedback-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-brand-feedback-info-border: var(--color-feedback-info-border);
  --color-brand-feedback-info-fg: var(--color-feedback-info-fg);
  --color-brand-feedback-info-on-solid: var(--color-feedback-info-on-solid);
  --color-brand-feedback-info-solid: var(--color-feedback-info-solid);
  --color-brand-feedback-info-solid-hover: var(--color-feedback-info-solid-hover);
  --color-brand-feedback-info-solid-pressed: var(--color-feedback-info-solid-pressed);
  --color-brand-feedback-success-bg: var(--color-feedback-success-bg);
  --color-brand-feedback-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-brand-feedback-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-brand-feedback-success-border: var(--color-feedback-success-border);
  --color-brand-feedback-success-fg: var(--color-feedback-success-fg);
  --color-brand-feedback-success-on-solid: var(--color-feedback-success-on-solid);
  --color-brand-feedback-success-solid: var(--color-feedback-success-solid);
  --color-brand-feedback-success-solid-hover: var(--color-feedback-success-solid-hover);
  --color-brand-feedback-success-solid-pressed: var(--color-feedback-success-solid-pressed);
  --color-brand-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-brand-feedback-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-brand-feedback-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-brand-feedback-warning-border: var(--color-feedback-warning-border);
  --color-brand-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-brand-feedback-warning-on-solid: var(--color-feedback-warning-on-solid);
  --color-brand-feedback-warning-solid: var(--color-feedback-warning-solid);
  --color-brand-feedback-warning-solid-hover: var(--color-feedback-warning-solid-hover);
  --color-brand-feedback-warning-solid-pressed: var(--color-feedback-warning-solid-pressed);
  --color-brand-font-always-black: var(--color-layout-text-always-black);
  --color-brand-font-always-white: var(--color-layout-text-always-white);
  --color-brand-font-body: var(--color-layout-text-body);
  --color-brand-font-caption: var(--color-layout-text-caption);
  --color-brand-font-caption-light: var(--color-layout-text-caption-light);
  --color-brand-font-disabled: var(--color-layout-text-disabled);
  --color-brand-font-title: var(--color-layout-text-title);
  --color-brand-glass-contrast-surface: var(--color-glass-contrast-surface);
  --color-brand-glass-middle-surface: var(--color-glass-middle-surface);
  --color-brand-glass-soft-surface: var(--color-glass-soft-surface);
  --color-brand-glass-solid-surface: var(--color-glass-solid-surface);
  --color-brand-glass-strong-surface: var(--color-glass-strong-surface);
  --color-brand-role-bg-dim: var(--color-elevation-dim);
  --color-brand-role-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-brand-role-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-brand-role-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-brand-role-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-brand-role-bg-gray-page: var(--color-elevation-gray-page);
  --color-brand-role-bg-layer-2: var(--color-blue-bg-layer-2);
  --color-brand-role-bg-layer-3: var(--color-blue-bg-layer-3);
  --color-brand-role-bg-layer-4: var(--color-blue-bg-layer-4);
  --color-brand-role-bg-layer-5: var(--color-blue-bg-layer-5);
  --color-brand-role-bg-page: var(--color-blue-bg-page);
  --color-brand-role-bg-system-elevation-1: var(--color-elevation-system-1);
  --color-brand-role-bg-system-elevation-2: var(--color-elevation-system-2);
  --color-brand-role-bg-system-elevation-3: var(--color-elevation-system-3);
  --color-brand-role-bg-system-elevation-4: var(--color-elevation-system-4);
  --color-brand-role-bg-system-elevation-5: var(--color-elevation-system-5);
  --color-brand-role-bg-system-page: var(--color-brand-role-bg-system-elevation-1);
  --color-brand-role-bg-system-search-bar: var(--color-brand-role-bg-system-elevation-2);
  --color-brand-role-bg-system-sidebar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-system-topbar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-user-elevation-1: var(--color-elevation-user-1);
  --color-brand-role-bg-user-elevation-2: var(--color-elevation-user-2);
  --color-brand-role-bg-user-elevation-3: var(--color-elevation-user-3);
  --color-brand-role-bg-user-elevation-4: var(--color-elevation-user-4);
  --color-brand-role-bg-user-elevation-5: var(--color-elevation-user-5);
  --color-brand-role-input-bg-default: var(--color-input-bg-default);
  --color-brand-role-input-bg-disabled: var(--color-input-bg-disabled);
  --color-brand-role-input-bg-focus: var(--color-input-bg-focus);
  --color-brand-role-input-bg-hover: var(--color-input-bg-hover);
  --color-brand-role-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-brand-role-input-bg-user-light: var(--color-input-bg-user-light);
  --color-brand-role-input-fg-danger: var(--color-brand-feedback-danger-fg);
  --color-brand-role-input-fg-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-helper: var(--color-input-fg-helper);
  --color-brand-role-input-fg-icon-action: var(--color-brand-font-body);
  --color-brand-role-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-brand-role-input-fg-icon-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-icon-focus: var(--color-brand-role-text);
  --color-brand-role-input-fg-info: var(--color-brand-feedback-info-fg);
  --color-brand-role-input-fg-label: var(--color-brand-font-title);
  --color-brand-role-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-brand-role-input-fg-required: var(--color-input-fg-required);
  --color-brand-role-input-fg-success: var(--color-brand-feedback-success-fg);
  --color-brand-role-input-fg-value: var(--color-brand-font-title);
  --color-brand-role-input-fg-warning: var(--color-brand-feedback-warning-fg);
  --color-brand-role-input-glow-danger: var(--color-input-glow-danger);
  --color-brand-role-input-glow-focus: var(--color-blue-input-glow-focus);
  --color-brand-role-input-glow-info: var(--color-input-glow-info);
  --color-brand-role-input-glow-success: var(--color-input-glow-success);
  --color-brand-role-input-glow-warning: var(--color-input-glow-warning);
  --color-brand-role-input-select-option-bg-hover: var(--color-input-select-option-bg-hover);
  --color-brand-role-input-stroke-danger: var(--color-input-stroke-danger);
  --color-brand-role-input-stroke-default: var(--color-input-stroke-default);
  --color-brand-role-input-stroke-disabled: var(--color-brand-border-subtle);
  --color-brand-role-input-stroke-focus: var(--color-brand-role-text);
  --color-brand-role-input-stroke-hover: var(--color-input-stroke-hover);
  --color-brand-role-input-stroke-info: var(--color-input-stroke-info);
  --color-brand-role-input-stroke-success: var(--color-input-stroke-success);
  --color-brand-role-input-stroke-warning: var(--color-input-stroke-warning);
  --color-brand-role-relief-raised-medium: var(--color-relief-raised-medium);
  --color-brand-role-relief-raised-strong: var(--color-relief-raised-strong);
  --color-brand-role-relief-raised-weak: var(--color-relief-raised-weak);
  --color-brand-role-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-brand-role-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-brand-role-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-brand-role-subtle: var(--color-blue-subtle);
  --color-brand-role-subtle-hover: var(--color-blue-subtle-hover);
  --color-brand-role-subtle-medium: var(--color-blue-subtle-medium);
  --color-brand-role-subtle-pressed: var(--color-blue-subtle-pressed);
  --color-brand-role-subtle-regular: var(--color-blue-subtle-regular);
  --color-brand-role-subtle-strong: var(--color-blue-subtle-strong);
  --color-brand-role-subtle-weak: var(--color-blue-subtle-weak);
  --color-brand-role-table-bg-default: var(--color-brand-role-bg-gray-page);
  --color-brand-role-table-bg-focus: var(--color-brand-a07);
  --color-brand-role-table-bg-gray: var(--color-layout-table-bg-gray);
  --color-brand-role-table-bg-hover: var(--color-brand-a05);
  --color-brand-role-table-header-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-brand-role-table-header-bg-gray: var(--color-layout-table-header-bg-gray);
  --color-brand-role-table-header-stroke-bottom-black: var(--color-black-base);
  --color-brand-role-table-shadow-brand-end: var(--color-blue-a00);
  --color-brand-role-table-shadow-brand-start: var(--color-blue-a25);
  --color-brand-role-table-shadow-neutral-end: var(--color-gray-a00);
  --color-brand-role-table-shadow-neutral-start: var(--color-gray-a25);
  --color-brand-role-table-stroke-default: var(--color-brand-border-default);
  --color-brand-role-table-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-role-table-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-table-stroke-terminal: var(--color-gray-800);
  --color-brand-role-text: var(--color-blue-text);
  --color-brand-role-text-hover: var(--color-blue-text-hover);
  --color-brand-role-text-on-solid: var(--color-blue-text-on-solid);
  --color-brand-role-text-pressed: var(--color-blue-text-pressed);
  --color-brand-subtle-gray-default: var(--color-layout-subtle-gray-default);
  --color-brand-subtle-gray-hover: var(--color-layout-subtle-gray-hover);
  --color-brand-subtle-gray-medium: var(--color-layout-subtle-gray-medium);
  --color-brand-subtle-gray-pressed: var(--color-layout-subtle-gray-pressed);
  --color-brand-subtle-gray-regular: var(--color-layout-subtle-gray-regular);
  --color-brand-subtle-gray-strong: var(--color-layout-subtle-gray-strong);
  --color-brand-subtle-gray-weak: var(--color-layout-subtle-gray-weak);
  --color-brand-text-inverse: var(--color-layout-text-inverse);
  --color-brand-text-inverse-muted: var(--color-layout-text-inverse-muted);
  --color-brand-text-neutral-on-solid-muted: var(--color-layout-text-on-solid-muted);
  --color-brand-white: var(--color-white-base);
  --color-brand-white-a00: var(--color-white-a00);
  --color-brand-white-a02: var(--color-white-a02);
  --color-brand-white-a03: var(--color-white-a03);
  --color-brand-white-a05: var(--color-white-a05);
  --color-brand-white-a07: var(--color-white-a07);
  --color-brand-white-a10: var(--color-white-a10);
  --color-brand-white-a12: var(--color-white-a12);
  --color-brand-white-a15: var(--color-white-a15);
  --color-brand-white-a20: var(--color-white-a20);
  --color-brand-white-a25: var(--color-white-a25);
  --color-brand-white-a30: var(--color-white-a30);
  --color-brand-white-a35: var(--color-white-a35);
  --color-brand-white-a40: var(--color-white-a40);
  --color-brand-white-a45: var(--color-white-a45);
  --color-brand-white-a50: var(--color-white-a50);
  --color-brand-white-a90: var(--color-white-a90);
  --color-brand-white-a95: var(--color-white-a95);
  --color-brand-white-bg-layer-2: var(--color-white-bg-layer-2);
  --color-brand-white-bg-layer-3: var(--color-white-bg-layer-3);
  --color-brand-white-bg-layer-4: var(--color-white-bg-layer-4);
  --color-brand-white-bg-layer-5: var(--color-white-bg-layer-5);
  --color-brand-white-bg-page: var(--color-white-bg-page);
  --color-brand-white-fill: var(--color-white-fill);
  --color-brand-white-fill-hover: var(--color-white-fill-hover);
  --color-brand-white-fill-pressed: var(--color-white-fill-pressed);
  --color-brand-white-input-glow-focus: var(--color-white-input-glow-focus);
  --color-brand-white-subtle: var(--color-white-subtle);
  --color-brand-white-subtle-hover: var(--color-white-subtle-hover);
  --color-brand-white-subtle-pressed: var(--color-white-subtle-pressed);
  --color-brand-white-text: var(--color-white-text);
  --color-brand-white-text-hover: var(--color-white-text-hover);
  --color-brand-white-text-on-solid: var(--color-white-text-on-solid);
  --color-brand-white-text-pressed: var(--color-white-text-pressed);
  --color-selection-bg-disabled: var(--color-brand-role-input-bg-disabled);
  --color-selection-bg-unselected: var(--color-brand-role-input-bg-default);
  --color-selection-bg-unselected-hover: var(--color-brand-role-input-bg-hover);
  --color-selection-fg-indicator-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-indicator-selected: var(--color-brand-role-text-on-solid);
  --color-selection-fg-indicator-unselected: var(--color-brand-role-input-fg-icon-default);
  --color-selection-fg-label: var(--color-layout-text-title);
  --color-selection-fg-label-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-selected-control: var(--color-brand-role-text);
  --color-selection-fg-selected-control-hover: var(--color-brand-role-text-hover);
  --color-selection-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-selection-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-selection-stroke-unselected: var(--color-brand-role-input-stroke-default);
  --color-selection-stroke-unselected-hover: var(--color-brand-role-input-stroke-hover);

  /* Font family — fixed text-style families */
  --font-family-base: "Pretendard", sans-serif;
  --font-family-title: "SUITE", sans-serif;
  --font-family-numeric: "Montserrat", sans-serif;
  --font-family-ibm-title: "IBM Plex Sans KR", sans-serif;

  /* Responsive — Normal/Desktop */
  --corner-2xl: 24px;
  --corner-2xs: 4px;
  --corner-3xl: 32px;
  --corner-3xs: 2px;
  --corner-content-l: 12px;
  --corner-content-m: 10px;
  --corner-content-s: 8px;
  --corner-content-xs: 6px;
  --corner-full: 999px;
  --corner-l: 12px;
  --corner-m: 10px;
  --corner-none: 0px;
  --corner-s: 8px;
  --corner-xl: 16px;
  --corner-xs: 6px;
  --responsive-admin-shell-padding: 16px;
  --responsive-admin-shell-panel-gap: 16px;
  --responsive-admin-shell-panel-padding: 24px;
  --responsive-admin-shell-panel-padding-dense: 16px;
  --responsive-admin-shell-reference-width: 1920px;
  --responsive-admin-shell-sidebar-collapsed: 80px;
  --responsive-admin-shell-sidebar-expanded: 240px;
  --responsive-admin-shell-topbar-height: 64px;
  --responsive-button-gap-l: 8px;
  --responsive-button-gap-m: 8px;
  --responsive-button-gap-s: 6px;
  --responsive-button-gap-xs: 4px;
  --responsive-button-height-l: 48px;
  --responsive-button-height-m: 40px;
  --responsive-button-height-s: 32px;
  --responsive-button-height-xs: 24px;
  --responsive-button-icon-l: 20px;
  --responsive-button-icon-m: 18px;
  --responsive-button-icon-only-l: 24px;
  --responsive-button-icon-only-m: 20px;
  --responsive-button-icon-only-s: 18px;
  --responsive-button-icon-only-xs: 14px;
  --responsive-button-icon-s: 16px;
  --responsive-button-icon-xs: 12px;
  --responsive-button-label-font-size-l: 18px;
  --responsive-button-label-font-size-m: 16px;
  --responsive-button-label-font-size-s: 14px;
  --responsive-button-label-font-size-xs: 10px;
  --responsive-button-label-line-height-l: 18px;
  --responsive-button-label-line-height-m: 16px;
  --responsive-button-label-line-height-s: 14px;
  --responsive-button-label-line-height-xs: 10px;
  --responsive-button-padding-x-l: 22px;
  --responsive-button-padding-x-m: 18px;
  --responsive-button-padding-x-s: 14px;
  --responsive-button-padding-x-xs: 12px;
  --responsive-date-calendar-date-cell-height-l: 28px;
  --responsive-date-calendar-date-cell-height-m: 28px;
  --responsive-date-calendar-date-cell-height-s: 24px;
  --responsive-date-calendar-date-cell-height-xs: 24px;
  --responsive-date-calendar-date-cell-width-l: 40px;
  --responsive-date-calendar-date-cell-width-m: 36px;
  --responsive-date-calendar-date-cell-width-s: 32px;
  --responsive-date-calendar-date-cell-width-xs: 28px;
  --responsive-date-calendar-range-track-half-width-l: 20px;
  --responsive-date-calendar-range-track-half-width-m: 18px;
  --responsive-date-calendar-range-track-half-width-s: 16px;
  --responsive-date-calendar-range-track-half-width-xs: 14px;
  --responsive-date-calendar-year-month-padding-x: 6px;
  --responsive-font-size-body-14: 14px;
  --responsive-font-size-body-15: 15px;
  --responsive-font-size-body-16: 16px;
  --responsive-font-size-caption: 12px;
  --responsive-font-size-description-18: 18px;
  --responsive-font-size-description-20: 20px;
  --responsive-font-size-description-24: 24px;
  --responsive-font-size-display: 56px;
  --responsive-font-size-display-small: 48px;
  --responsive-font-size-heading-1: 40px;
  --responsive-font-size-heading-2: 32px;
  --responsive-font-size-heading-3: 28px;
  --responsive-font-size-heading-4: 24px;
  --responsive-font-size-heading-5: 20px;
  --responsive-font-size-heading-6: 18px;
  --responsive-font-size-hero: 72px;
  --responsive-font-size-hero-small: 64px;
  --responsive-font-size-label: 14px;
  --responsive-font-size-micro: 10px;
  --responsive-input-address-gap-l: var(--responsive-spacing-8);
  --responsive-input-address-gap-m: var(--responsive-spacing-8);
  --responsive-input-address-gap-s: var(--responsive-spacing-8);
  --responsive-input-address-gap-xs: var(--responsive-spacing-8);
  --responsive-input-bottom-icon-l: 16px;
  --responsive-input-bottom-icon-m: 16px;
  --responsive-input-bottom-icon-s: 12px;
  --responsive-input-bottom-icon-xs: 12px;
  --responsive-input-bottom-row-gap-l: 0px;
  --responsive-input-bottom-row-gap-m: 0px;
  --responsive-input-bottom-row-gap-s: 0px;
  --responsive-input-bottom-row-gap-xs: 0px;
  --responsive-input-button-gap-l: var(--responsive-spacing-8);
  --responsive-input-button-gap-m: var(--responsive-spacing-8);
  --responsive-input-button-gap-s: var(--responsive-spacing-8);
  --responsive-input-button-gap-xs: var(--responsive-spacing-8);
  --responsive-input-control-gap-l: 16px;
  --responsive-input-control-gap-m: 16px;
  --responsive-input-control-gap-s: 8px;
  --responsive-input-control-gap-xs: 8px;
  --responsive-input-counter-font-size: 12px;
  --responsive-input-counter-font-size-l: 12px;
  --responsive-input-counter-font-size-m: 12px;
  --responsive-input-counter-font-size-s: 10px;
  --responsive-input-counter-font-size-xs: 10px;
  --responsive-input-counter-gap-l: var(--responsive-spacing-4);
  --responsive-input-counter-gap-m: var(--responsive-spacing-4);
  --responsive-input-counter-gap-s: var(--responsive-spacing-4);
  --responsive-input-counter-gap-xs: var(--responsive-spacing-4);
  --responsive-input-counter-line-height: 16px;
  --responsive-input-counter-line-height-l: 16px;
  --responsive-input-counter-line-height-m: 16px;
  --responsive-input-counter-line-height-s: 12px;
  --responsive-input-counter-line-height-xs: 12px;
  --responsive-input-field-between-gap-l: var(--responsive-input-field-gap-l);
  --responsive-input-field-between-gap-m: var(--responsive-input-field-gap-m);
  --responsive-input-field-between-gap-s: var(--responsive-input-field-gap-s);
  --responsive-input-field-between-gap-xs: var(--responsive-input-field-gap-xs);
  --responsive-input-field-gap-l: 4px;
  --responsive-input-field-gap-m: 4px;
  --responsive-input-field-gap-s: 2px;
  --responsive-input-field-gap-xs: 2px;
  --responsive-input-font-size-l: 15px;
  --responsive-input-font-size-m: 14px;
  --responsive-input-font-size-s: 13px;
  --responsive-input-font-size-xs: 10px;
  --responsive-input-helper-font-size: 12px;
  --responsive-input-helper-font-size-l: 12px;
  --responsive-input-helper-font-size-m: 12px;
  --responsive-input-helper-font-size-s: 10px;
  --responsive-input-helper-font-size-xs: 10px;
  --responsive-input-helper-gap-l: var(--responsive-spacing-4);
  --responsive-input-helper-gap-m: var(--responsive-spacing-4);
  --responsive-input-helper-gap-s: var(--responsive-spacing-4);
  --responsive-input-helper-gap-xs: var(--responsive-spacing-4);
  --responsive-input-helper-line-height: 16px;
  --responsive-input-helper-line-height-l: 16px;
  --responsive-input-helper-line-height-m: 16px;
  --responsive-input-helper-line-height-s: 12px;
  --responsive-input-helper-line-height-xs: 12px;
  --responsive-input-icon-text-gap-l: var(--responsive-input-field-gap-l);
  --responsive-input-icon-text-gap-m: var(--responsive-input-field-gap-m);
  --responsive-input-icon-text-gap-s: var(--responsive-input-field-gap-s);
  --responsive-input-icon-text-gap-xs: var(--responsive-input-field-gap-xs);
  --responsive-input-label-font-size: 13px;
  --responsive-input-label-font-size-l: 13px;
  --responsive-input-label-font-size-m: 13px;
  --responsive-input-label-font-size-s: 12px;
  --responsive-input-label-font-size-xs: 10px;
  --responsive-input-label-gap-l: var(--responsive-spacing-4);
  --responsive-input-label-gap-m: var(--responsive-spacing-4);
  --responsive-input-label-gap-s: var(--responsive-spacing-4);
  --responsive-input-label-gap-xs: var(--responsive-spacing-4);
  --responsive-input-label-line-height: 18px;
  --responsive-input-label-line-height-l: 18px;
  --responsive-input-label-line-height-m: 18px;
  --responsive-input-label-line-height-s: 16px;
  --responsive-input-label-line-height-xs: 12px;
  --responsive-input-leading-icon-l: var(--responsive-button-icon-l);
  --responsive-input-leading-icon-m: var(--responsive-button-icon-m);
  --responsive-input-leading-icon-s: var(--responsive-button-icon-s);
  --responsive-input-leading-icon-xs: var(--responsive-button-icon-xs);
  --responsive-input-line-height-multiline-l: 24px;
  --responsive-input-line-height-multiline-m: 20px;
  --responsive-input-line-height-multiline-s: 18px;
  --responsive-input-line-height-multiline-xs: 18px;
  --responsive-input-line-height-single-l: 15px;
  --responsive-input-line-height-single-m: 14px;
  --responsive-input-line-height-single-s: 13px;
  --responsive-input-line-height-single-xs: 10px;
  --responsive-input-message-font-size: 12px;
  --responsive-input-message-line-height: 16px;
  --responsive-input-min-width-l: 96px;
  --responsive-input-min-width-m: 88px;
  --responsive-input-min-width-s: 72px;
  --responsive-input-min-width-xs: 64px;
  --responsive-input-multicheck-item-gap-l: 24px;
  --responsive-input-multicheck-item-gap-m: 24px;
  --responsive-input-multicheck-item-gap-s: 24px;
  --responsive-input-multicheck-item-gap-xs: 24px;
  --responsive-input-padding-x-l: 12px;
  --responsive-input-padding-x-m: 12px;
  --responsive-input-padding-x-s: 8px;
  --responsive-input-padding-x-xs: 8px;
  --responsive-input-select-option-item-height-l: 36px;
  --responsive-input-select-option-item-height-m: 32px;
  --responsive-input-select-option-item-height-s: 28px;
  --responsive-input-select-option-item-height-xs: 24px;
  --responsive-input-select-option-panel-padding-xs: 6px;
  --responsive-input-set-gap-y-l: 8px;
  --responsive-input-set-gap-y-m: 8px;
  --responsive-input-set-gap-y-s: 6px;
  --responsive-input-set-gap-y-xs: 6px;
  --responsive-input-text-field-height-l: 98px;
  --responsive-input-text-field-height-m: 90px;
  --responsive-input-text-field-height-s: 82px;
  --responsive-input-text-field-height-xs: 74px;
  --responsive-input-trailing-icon-l: var(--responsive-button-icon-l);
  --responsive-input-trailing-icon-m: var(--responsive-button-icon-m);
  --responsive-input-trailing-icon-s: var(--responsive-button-icon-s);
  --responsive-input-trailing-icon-xs: var(--responsive-button-icon-xs);
  --responsive-line-height-body-14: 22px;
  --responsive-line-height-body-15: 24px;
  --responsive-line-height-body-16: 26px;
  --responsive-line-height-caption: 16px;
  --responsive-line-height-description-18: 28px;
  --responsive-line-height-description-20: 30px;
  --responsive-line-height-description-24: 36px;
  --responsive-line-height-display: 70px;
  --responsive-line-height-display-small: 60px;
  --responsive-line-height-heading-1: 52px;
  --responsive-line-height-heading-2: 42px;
  --responsive-line-height-heading-3: 38px;
  --responsive-line-height-heading-4: 32px;
  --responsive-line-height-heading-5: 28px;
  --responsive-line-height-heading-6: 26px;
  --responsive-line-height-hero: 86px;
  --responsive-line-height-hero-small: 77px;
  --responsive-line-height-label: 20px;
  --responsive-line-height-micro: 14px;
  --responsive-page-block-gap: 56px;
  --responsive-page-bottom: 120px;
  --responsive-page-card-gap: 32px;
  --responsive-page-card-gap-dense: 24px;
  --responsive-page-card-gap-wide: 40px;
  --responsive-page-content-compact: 480px;
  --responsive-page-content-gap: 32px;
  --responsive-page-content-max-width: 1216px;
  --responsive-page-content-narrow: 960px;
  --responsive-page-content-reading: 720px;
  --responsive-page-hero-padding-y: 56px;
  --responsive-page-item-gap: 24px;
  --responsive-page-max-gutter: 352px;
  --responsive-page-min-gutter: 32px;
  --responsive-page-reference-gutter: 112px;
  --responsive-page-reference-width: 1440px;
  --responsive-page-section-gap-large: 120px;
  --responsive-page-section-gap-medium: 72px;
  --responsive-page-title-gap-large: 32px;
  --responsive-page-title-gap-medium: 24px;
  --responsive-page-title-gap-small: 16px;
  --responsive-paragraph-spacing-body-14: 12px;
  --responsive-paragraph-spacing-body-15: 16px;
  --responsive-paragraph-spacing-body-16: 16px;
  --responsive-paragraph-spacing-caption: 8px;
  --responsive-paragraph-spacing-description-18: 16px;
  --responsive-paragraph-spacing-description-20: 16px;
  --responsive-paragraph-spacing-description-24: 16px;
  --responsive-paragraph-spacing-display: 32px;
  --responsive-paragraph-spacing-display-small: 32px;
  --responsive-paragraph-spacing-heading-1: 24px;
  --responsive-paragraph-spacing-heading-2: 24px;
  --responsive-paragraph-spacing-heading-3: 16px;
  --responsive-paragraph-spacing-heading-4: 16px;
  --responsive-paragraph-spacing-heading-5: 16px;
  --responsive-paragraph-spacing-heading-6: 16px;
  --responsive-paragraph-spacing-hero: 40px;
  --responsive-paragraph-spacing-hero-small: 40px;
  --responsive-paragraph-spacing-label: 8px;
  --responsive-paragraph-spacing-micro: 6px;
  --responsive-selection-indicator-size-l: 20px;
  --responsive-selection-indicator-size-m: 20px;
  --responsive-selection-indicator-size-s: 16px;
  --responsive-selection-indicator-size-xs: 14px;
  --responsive-selection-item-gap-l: 6px;
  --responsive-selection-item-gap-m: 6px;
  --responsive-selection-item-gap-s: 4px;
  --responsive-selection-item-gap-xs: 4px;
  --responsive-selection-label-font-size-l: var(--responsive-input-font-size-l);
  --responsive-selection-label-font-size-m: var(--responsive-input-font-size-m);
  --responsive-selection-label-font-size-s: var(--responsive-input-font-size-s);
  --responsive-selection-label-font-size-xs: var(--responsive-input-font-size-xs);
  --responsive-selection-label-line-height-l: var(--responsive-selection-label-font-size-l);
  --responsive-selection-label-line-height-m: var(--responsive-selection-label-font-size-m);
  --responsive-selection-label-line-height-multiline-l: var(--responsive-input-line-height-multiline-l);
  --responsive-selection-label-line-height-multiline-m: var(--responsive-input-line-height-multiline-m);
  --responsive-selection-label-line-height-multiline-s: var(--responsive-input-line-height-multiline-s);
  --responsive-selection-label-line-height-multiline-xs: var(--responsive-input-line-height-multiline-xs);
  --responsive-selection-label-line-height-s: var(--responsive-selection-label-font-size-s);
  --responsive-selection-label-line-height-xs: var(--responsive-selection-label-font-size-xs);
  --responsive-selection-multi-list-column-gap: 24px;
  --responsive-selection-multi-list-padding-block: 12px;
  --responsive-selection-multi-list-row-gap: 10px;
  --responsive-selection-switch-height-m: 20px;
  --responsive-selection-switch-height-s: 16px;
  --responsive-selection-switch-thumb-m: 16px;
  --responsive-selection-switch-thumb-s: 12px;
  --responsive-selection-switch-width-m: 36px;
  --responsive-selection-switch-width-s: 30px;
  --responsive-sidebar-menu-icon-size: 20px;
  --responsive-sidebar-menu-row-height-main: 40px;
  --responsive-spacing-0: 0px;
  --responsive-spacing-4: 4px;
  --responsive-spacing-6: 6px;
  --responsive-spacing-8: 8px;
  --responsive-spacing-12: 12px;
  --responsive-spacing-16: 16px;
  --responsive-spacing-24: 24px;
  --responsive-spacing-32: 32px;
  --responsive-spacing-40: 40px;
  --responsive-spacing-48: 48px;
  --responsive-spacing-64: 64px;
  --responsive-spacing-80: 80px;
  --responsive-spacing-96: 96px;
  --responsive-table-action-min-width-l: 144px;
  --responsive-table-action-min-width-m: 124px;
  --responsive-table-action-min-width-s: 100px;
  --responsive-table-body-cell-height-l: 48px;
  --responsive-table-body-cell-height-m: 40px;
  --responsive-table-body-cell-height-s: 36px;
  --responsive-table-control-cell-padding-x-l: 16px;
  --responsive-table-control-cell-padding-x-m: var(--responsive-table-padding-x-m);
  --responsive-table-control-cell-padding-x-s: 8px;
  --responsive-table-header-cell-height-l: 56px;
  --responsive-table-header-cell-height-m: 48px;
  --responsive-table-header-cell-height-s: 40px;
  --responsive-table-input-min-width-l: 120px;
  --responsive-table-input-min-width-m: 96px;
  --responsive-table-input-min-width-s: 80px;
  --responsive-table-padding-x-l: 12px;
  --responsive-table-padding-x-m: 12px;
  --responsive-table-padding-x-s: 12px;
  --responsive-table-padding-y-body-l: 2px;
  --responsive-table-padding-y-body-m: 4px;
  --responsive-table-padding-y-body-s: 2px;
  --responsive-table-padding-y-header-l: 6px;
  --responsive-table-padding-y-header-m: 8px;
  --responsive-table-padding-y-header-s: 4px;
  --stroke-width-default: 1px;
  --stroke-width-input-focus-l: 1.5px;
  --stroke-width-input-focus-m: 1px;
  --stroke-width-input-focus-s: 1px;
  --stroke-width-input-focus-xs: 0.7px;
  --stroke-width-strong: 2px;

  /* Effect */
  --effect-elevation-1-blur: 10px;
  --effect-elevation-1-spread: -2px;
  --effect-elevation-2-blur: 20px;
  --effect-elevation-2-spread: -4px;
  --effect-elevation-3-blur: 32px;
  --effect-elevation-3-spread: -8px;
  --effect-elevation-4-blur: 46px;
  --effect-elevation-4-spread: -12px;
  --effect-elevation-5-blur: 60px;
  --effect-elevation-5-spread: -16px;
  --effect-elevation-bottom-1-offset-x: 0px;
  --effect-elevation-bottom-1-offset-y: 2px;
  --effect-elevation-bottom-2-offset-x: 0px;
  --effect-elevation-bottom-2-offset-y: 8px;
  --effect-elevation-bottom-3-offset-x: 0px;
  --effect-elevation-bottom-3-offset-y: 16px;
  --effect-elevation-bottom-4-offset-x: 0px;
  --effect-elevation-bottom-4-offset-y: 28px;
  --effect-elevation-bottom-5-offset-x: 0px;
  --effect-elevation-bottom-5-offset-y: 40px;
  --effect-elevation-bottom-left-1-offset-x: -1px;
  --effect-elevation-bottom-left-1-offset-y: 1px;
  --effect-elevation-bottom-left-2-offset-x: -6px;
  --effect-elevation-bottom-left-2-offset-y: 6px;
  --effect-elevation-bottom-left-3-offset-x: -11px;
  --effect-elevation-bottom-left-3-offset-y: 11px;
  --effect-elevation-bottom-left-4-offset-x: -20px;
  --effect-elevation-bottom-left-4-offset-y: 20px;
  --effect-elevation-bottom-left-5-offset-x: -28px;
  --effect-elevation-bottom-left-5-offset-y: 28px;
  --effect-elevation-bottom-right-1-offset-x: 1px;
  --effect-elevation-bottom-right-1-offset-y: 1px;
  --effect-elevation-bottom-right-2-offset-x: 6px;
  --effect-elevation-bottom-right-2-offset-y: 6px;
  --effect-elevation-bottom-right-3-offset-x: 11px;
  --effect-elevation-bottom-right-3-offset-y: 11px;
  --effect-elevation-bottom-right-4-offset-x: 20px;
  --effect-elevation-bottom-right-4-offset-y: 20px;
  --effect-elevation-bottom-right-5-offset-x: 28px;
  --effect-elevation-bottom-right-5-offset-y: 28px;
  --effect-elevation-center-1-offset-x: 0px;
  --effect-elevation-center-1-offset-y: 0px;
  --effect-elevation-center-2-offset-x: 0px;
  --effect-elevation-center-2-offset-y: 0px;
  --effect-elevation-center-3-offset-x: 0px;
  --effect-elevation-center-3-offset-y: 0px;
  --effect-elevation-center-4-offset-x: 0px;
  --effect-elevation-center-4-offset-y: 0px;
  --effect-elevation-center-5-offset-x: 0px;
  --effect-elevation-center-5-offset-y: 0px;
  --effect-elevation-left-1-offset-x: -2px;
  --effect-elevation-left-1-offset-y: 0px;
  --effect-elevation-left-2-offset-x: -8px;
  --effect-elevation-left-2-offset-y: 0px;
  --effect-elevation-left-3-offset-x: -16px;
  --effect-elevation-left-3-offset-y: 0px;
  --effect-elevation-left-4-offset-x: -28px;
  --effect-elevation-left-4-offset-y: 0px;
  --effect-elevation-left-5-offset-x: -40px;
  --effect-elevation-left-5-offset-y: 0px;
  --effect-elevation-right-1-offset-x: 2px;
  --effect-elevation-right-1-offset-y: 0px;
  --effect-elevation-right-2-offset-x: 8px;
  --effect-elevation-right-2-offset-y: 0px;
  --effect-elevation-right-3-offset-x: 16px;
  --effect-elevation-right-3-offset-y: 0px;
  --effect-elevation-right-4-offset-x: 28px;
  --effect-elevation-right-4-offset-y: 0px;
  --effect-elevation-right-5-offset-x: 40px;
  --effect-elevation-right-5-offset-y: 0px;
  --effect-elevation-top-1-offset-x: 0px;
  --effect-elevation-top-1-offset-y: -2px;
  --effect-elevation-top-2-offset-x: 0px;
  --effect-elevation-top-2-offset-y: -8px;
  --effect-elevation-top-3-offset-x: 0px;
  --effect-elevation-top-3-offset-y: -16px;
  --effect-elevation-top-4-offset-x: 0px;
  --effect-elevation-top-4-offset-y: -28px;
  --effect-elevation-top-5-offset-x: 0px;
  --effect-elevation-top-5-offset-y: -40px;
  --effect-glass-contrast-backdrop-blur: 24px;
  --effect-glass-contrast-shadow-blur: 42px;
  --effect-glass-elevation-1-blur: 10px;
  --effect-glass-elevation-1-spread: -2px;
  --effect-glass-elevation-2-blur: 20px;
  --effect-glass-elevation-2-spread: -4px;
  --effect-glass-elevation-3-blur: 32px;
  --effect-glass-elevation-3-spread: -8px;
  --effect-glass-elevation-4-blur: 46px;
  --effect-glass-elevation-4-spread: -12px;
  --effect-glass-elevation-5-blur: 60px;
  --effect-glass-elevation-5-spread: -16px;
  --effect-glass-inner-blur: 8px;
  --effect-glass-inner-offset-x: 0px;
  --effect-glass-inner-offset-y: 1px;
  --effect-glass-inner-spread: 0px;
  --effect-glass-middle-backdrop-blur: 34px;
  --effect-glass-middle-shadow-blur: 48px;
  --effect-glass-shadow-offset-x: 0px;
  --effect-glass-shadow-offset-y: 18px;
  --effect-glass-shadow-spread: -8px;
  --effect-glass-soft-backdrop-blur: 30px;
  --effect-glass-soft-shadow-blur: 42px;
  --effect-glass-solid-backdrop-blur: 18px;
  --effect-glass-solid-shadow-blur: 42px;
  --effect-glass-strong-backdrop-blur: 28px;
  --effect-glass-strong-shadow-blur: 42px;
  --effect-input-glow-blur: 4px;
  --effect-input-glow-spread: 2px;
  --effect-input-inline-focus-blur: 10px;
  --effect-input-ring-blur: 0px;
  --effect-input-ring-spread: 3px;

  /* Layout */

  /* Deprecated aliases — remove after the documented migration window. */
  /* deprecated: use --color-amber-fill (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-amber-border: var(--color-amber-fill);
  /* deprecated: use --color-amber-subtle (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-amber-category-bg: var(--color-amber-subtle);
  /* deprecated: use --color-amber-fill (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-amber-fill: var(--color-amber-fill);
  /* deprecated: use --color-amber-fill-hover (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-amber-fill-hover: var(--color-amber-fill-hover);
  /* deprecated: use --color-amber-fill-pressed (press -> pressed) */
  --color-action-amber-fill-press: var(--color-amber-fill-pressed);
  /* deprecated: use --color-amber-fill-pressed (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-amber-fill-pressed: var(--color-amber-fill-pressed);
  /* deprecated: use --color-amber-subtle-hover (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-amber-hover: var(--color-amber-subtle-hover);
  /* deprecated: use --color-amber-subtle-pressed (press -> pressed) */
  --color-action-amber-press: var(--color-amber-subtle-pressed);
  /* deprecated: use --color-amber-subtle-pressed (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-amber-pressed: var(--color-amber-subtle-pressed);
  /* deprecated: use --color-amber-subtle (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-amber-subtle: var(--color-amber-subtle);
  /* deprecated: use --color-amber-text (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-amber-text: var(--color-amber-text);
  /* deprecated: use --color-amber-subtle (tonal -> subtle) */
  --color-action-amber-tonal: var(--color-amber-subtle);
  /* deprecated: use --color-azure-fill-hover (semantic collection removal: legacy action color moved to color role) */
  --color-action-azure-fill-hover: var(--color-azure-fill-hover);
  /* deprecated: use --color-azure-fill-pressed (press -> pressed) */
  --color-action-azure-fill-press: var(--color-azure-fill-pressed);
  /* deprecated: use --color-azure-fill-pressed (semantic collection removal: legacy action color moved to color role) */
  --color-action-azure-fill-pressed: var(--color-azure-fill-pressed);
  /* deprecated: use --color-azure-subtle-hover (semantic collection removal: legacy action color moved to color role) */
  --color-action-azure-hover: var(--color-azure-subtle-hover);
  /* deprecated: use --color-azure-subtle-pressed (press -> pressed) */
  --color-action-azure-press: var(--color-azure-subtle-pressed);
  /* deprecated: use --color-azure-subtle-pressed (semantic collection removal: legacy action color moved to color role) */
  --color-action-azure-pressed: var(--color-azure-subtle-pressed);
  /* deprecated: use --color-black-fill (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-black-border: var(--color-black-fill);
  /* deprecated: use --color-black-subtle (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-black-category-bg: var(--color-black-subtle);
  /* deprecated: use --color-black-fill (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-black-fill: var(--color-black-fill);
  /* deprecated: use --color-black-fill-hover (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-black-fill-hover: var(--color-black-fill-hover);
  /* deprecated: use --color-black-fill-pressed (press -> pressed) */
  --color-action-black-fill-press: var(--color-black-fill-pressed);
  /* deprecated: use --color-black-fill-pressed (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-black-fill-pressed: var(--color-black-fill-pressed);
  /* deprecated: use --color-black-text-on-solid (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-black-fill-text: var(--color-black-text-on-solid);
  /* deprecated: use --color-black-subtle-hover (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-black-hover: var(--color-black-subtle-hover);
  /* deprecated: use --color-black-subtle-pressed (press -> pressed) */
  --color-action-black-press: var(--color-black-subtle-pressed);
  /* deprecated: use --color-black-subtle-pressed (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-black-pressed: var(--color-black-subtle-pressed);
  /* deprecated: use --color-black-subtle (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-black-subtle: var(--color-black-subtle);
  /* deprecated: use --color-black-text (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-black-text: var(--color-black-text);
  /* deprecated: use --color-black-subtle (tonal -> subtle) */
  --color-action-black-tonal: var(--color-black-subtle);
  /* deprecated: use --color-brand-accessible-solid-default (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-brand-border: var(--color-brand-accessible-solid-default);
  /* deprecated: use --color-brand-role-subtle (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-brand-category-bg: var(--color-brand-role-subtle);
  /* deprecated: use --color-brand-accessible-solid-default (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-brand-fill: var(--color-brand-accessible-solid-default);
  /* deprecated: use --color-brand-accessible-solid-hover (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-brand-fill-hover: var(--color-brand-accessible-solid-hover);
  /* deprecated: use --color-brand-accessible-solid-pressed (press -> pressed) */
  --color-action-brand-fill-press: var(--color-brand-accessible-solid-pressed);
  /* deprecated: use --color-brand-accessible-solid-pressed (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-brand-fill-pressed: var(--color-brand-accessible-solid-pressed);
  /* deprecated: use --color-brand-role-text-on-solid (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-brand-fill-text: var(--color-brand-role-text-on-solid);
  /* deprecated: use --color-brand-role-subtle-hover (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-brand-hover: var(--color-brand-role-subtle-hover);
  /* deprecated: use --color-brand-role-subtle-pressed (press -> pressed) */
  --color-action-brand-press: var(--color-brand-role-subtle-pressed);
  /* deprecated: use --color-brand-role-subtle-pressed (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-brand-pressed: var(--color-brand-role-subtle-pressed);
  /* deprecated: use --color-brand-role-subtle (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-brand-subtle: var(--color-brand-role-subtle);
  /* deprecated: use --color-brand-role-text (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-brand-text: var(--color-brand-role-text);
  /* deprecated: use --color-brand-role-subtle (tonal -> subtle) */
  --color-action-brand-tonal: var(--color-brand-role-subtle);
  /* deprecated: use --color-coral-fill-hover (semantic collection removal: legacy action color moved to color role) */
  --color-action-coral-fill-hover: var(--color-coral-fill-hover);
  /* deprecated: use --color-coral-fill-pressed (press -> pressed) */
  --color-action-coral-fill-press: var(--color-coral-fill-pressed);
  /* deprecated: use --color-coral-fill-pressed (semantic collection removal: legacy action color moved to color role) */
  --color-action-coral-fill-pressed: var(--color-coral-fill-pressed);
  /* deprecated: use --color-coral-subtle-hover (semantic collection removal: legacy action color moved to color role) */
  --color-action-coral-hover: var(--color-coral-subtle-hover);
  /* deprecated: use --color-coral-subtle-pressed (press -> pressed) */
  --color-action-coral-press: var(--color-coral-subtle-pressed);
  /* deprecated: use --color-coral-subtle-pressed (semantic collection removal: legacy action color moved to color role) */
  --color-action-coral-pressed: var(--color-coral-subtle-pressed);
  /* deprecated: use --color-feedback-danger-solid-hover (legacy action solid hover moved to canonical Feedback Solid Hover) */
  --color-action-danger-fill-hover: var(--color-feedback-danger-solid-hover);
  /* deprecated: use --color-feedback-danger-solid-pressed (legacy action solid press moved to canonical Feedback Solid Pressed) */
  --color-action-danger-fill-press: var(--color-feedback-danger-solid-pressed);
  /* deprecated: use --color-feedback-danger-bg-hover (legacy action hover moved to canonical Feedback Background Hover) */
  --color-action-danger-hover: var(--color-feedback-danger-bg-hover);
  /* deprecated: use --color-feedback-danger-bg-pressed (legacy action press moved to canonical Feedback Background Pressed) */
  --color-action-danger-press: var(--color-feedback-danger-bg-pressed);
  /* deprecated: use --color-emerald-fill (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-emerald-border: var(--color-emerald-fill);
  /* deprecated: use --color-emerald-subtle (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-emerald-category-bg: var(--color-emerald-subtle);
  /* deprecated: use --color-emerald-fill (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-emerald-fill: var(--color-emerald-fill);
  /* deprecated: use --color-emerald-fill-hover (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-emerald-fill-hover: var(--color-emerald-fill-hover);
  /* deprecated: use --color-emerald-fill-pressed (press -> pressed) */
  --color-action-emerald-fill-press: var(--color-emerald-fill-pressed);
  /* deprecated: use --color-emerald-fill-pressed (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-emerald-fill-pressed: var(--color-emerald-fill-pressed);
  /* deprecated: use --color-emerald-subtle-hover (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-emerald-hover: var(--color-emerald-subtle-hover);
  /* deprecated: use --color-emerald-subtle-pressed (press -> pressed) */
  --color-action-emerald-press: var(--color-emerald-subtle-pressed);
  /* deprecated: use --color-emerald-subtle-pressed (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-emerald-pressed: var(--color-emerald-subtle-pressed);
  /* deprecated: use --color-emerald-subtle (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-emerald-subtle: var(--color-emerald-subtle);
  /* deprecated: use --color-emerald-text (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-emerald-text: var(--color-emerald-text);
  /* deprecated: use --color-emerald-subtle (tonal -> subtle) */
  --color-action-emerald-tonal: var(--color-emerald-subtle);
  /* deprecated: use --color-neutral-button-stroke (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-gray-border: var(--color-neutral-button-stroke);
  /* deprecated: use --color-neutral-button-subtle (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-gray-category-bg: var(--color-neutral-button-subtle);
  /* deprecated: use --color-neutral-button-fill (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-gray-fill: var(--color-neutral-button-fill);
  /* deprecated: use --color-neutral-button-fill-hover (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-gray-fill-hover: var(--color-neutral-button-fill-hover);
  /* deprecated: use --color-neutral-button-fill-pressed (press -> pressed) */
  --color-action-gray-fill-press: var(--color-neutral-button-fill-pressed);
  /* deprecated: use --color-neutral-button-fill-pressed (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-gray-fill-pressed: var(--color-neutral-button-fill-pressed);
  /* deprecated: use --color-neutral-button-fill-fg (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-gray-fill-text: var(--color-neutral-button-fill-fg);
  /* deprecated: use --color-neutral-button-subtle-hover (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-gray-hover: var(--color-neutral-button-subtle-hover);
  /* deprecated: use --color-neutral-button-subtle-pressed (press -> pressed) */
  --color-action-gray-press: var(--color-neutral-button-subtle-pressed);
  /* deprecated: use --color-neutral-button-subtle-pressed (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-gray-pressed: var(--color-neutral-button-subtle-pressed);
  /* deprecated: use --color-neutral-button-subtle (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-gray-subtle: var(--color-neutral-button-subtle);
  /* deprecated: use --color-neutral-button-text (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-gray-text: var(--color-neutral-button-text);
  /* deprecated: use --color-neutral-button-subtle (tonal -> subtle) */
  --color-action-gray-tonal: var(--color-neutral-button-subtle);
  /* deprecated: use --color-indigo-fill (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-indigo-border: var(--color-indigo-fill);
  /* deprecated: use --color-indigo-subtle (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-indigo-category-bg: var(--color-indigo-subtle);
  /* deprecated: use --color-indigo-fill (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-indigo-fill: var(--color-indigo-fill);
  /* deprecated: use --color-indigo-fill-hover (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-indigo-fill-hover: var(--color-indigo-fill-hover);
  /* deprecated: use --color-indigo-fill-pressed (press -> pressed) */
  --color-action-indigo-fill-press: var(--color-indigo-fill-pressed);
  /* deprecated: use --color-indigo-fill-pressed (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-indigo-fill-pressed: var(--color-indigo-fill-pressed);
  /* deprecated: use --color-indigo-subtle-hover (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-indigo-hover: var(--color-indigo-subtle-hover);
  /* deprecated: use --color-indigo-subtle-pressed (press -> pressed) */
  --color-action-indigo-press: var(--color-indigo-subtle-pressed);
  /* deprecated: use --color-indigo-subtle-pressed (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-indigo-pressed: var(--color-indigo-subtle-pressed);
  /* deprecated: use --color-indigo-subtle (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-indigo-subtle: var(--color-indigo-subtle);
  /* deprecated: use --color-indigo-text (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-indigo-text: var(--color-indigo-text);
  /* deprecated: use --color-indigo-subtle (tonal -> subtle) */
  --color-action-indigo-tonal: var(--color-indigo-subtle);
  /* deprecated: use --color-feedback-info-solid-hover (legacy action solid hover moved to canonical Feedback Solid Hover) */
  --color-action-info-fill-hover: var(--color-feedback-info-solid-hover);
  /* deprecated: use --color-feedback-info-solid-pressed (legacy action solid press moved to canonical Feedback Solid Pressed) */
  --color-action-info-fill-press: var(--color-feedback-info-solid-pressed);
  /* deprecated: use --color-feedback-info-bg-hover (legacy action hover moved to canonical Feedback Background Hover) */
  --color-action-info-hover: var(--color-feedback-info-bg-hover);
  /* deprecated: use --color-feedback-info-bg-pressed (legacy action press moved to canonical Feedback Background Pressed) */
  --color-action-info-press: var(--color-feedback-info-bg-pressed);
  /* deprecated: use --color-mustard-fill-hover (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-mustard-fill-hover: var(--color-mustard-fill-hover);
  /* deprecated: use --color-mustard-fill-pressed (press -> pressed) */
  --color-action-mustard-fill-press: var(--color-mustard-fill-pressed);
  /* deprecated: use --color-mustard-fill-pressed (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-mustard-fill-pressed: var(--color-mustard-fill-pressed);
  /* deprecated: use --color-mustard-subtle-hover (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-mustard-hover: var(--color-mustard-subtle-hover);
  /* deprecated: use --color-mustard-subtle-pressed (press -> pressed) */
  --color-action-mustard-press: var(--color-mustard-subtle-pressed);
  /* deprecated: use --color-mustard-subtle-pressed (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-mustard-pressed: var(--color-mustard-subtle-pressed);
  /* deprecated: use --color-olive-fill-hover (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-olive-fill-hover: var(--color-olive-fill-hover);
  /* deprecated: use --color-olive-fill-pressed (press -> pressed) */
  --color-action-olive-fill-press: var(--color-olive-fill-pressed);
  /* deprecated: use --color-olive-fill-pressed (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-olive-fill-pressed: var(--color-olive-fill-pressed);
  /* deprecated: use --color-olive-subtle-hover (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-olive-hover: var(--color-olive-subtle-hover);
  /* deprecated: use --color-olive-subtle-pressed (press -> pressed) */
  --color-action-olive-press: var(--color-olive-subtle-pressed);
  /* deprecated: use --color-olive-subtle-pressed (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-olive-pressed: var(--color-olive-subtle-pressed);
  /* deprecated: use --color-plum-fill (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-plum-border: var(--color-plum-fill);
  /* deprecated: use --color-plum-subtle (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-plum-category-bg: var(--color-plum-subtle);
  /* deprecated: use --color-plum-fill (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-plum-fill: var(--color-plum-fill);
  /* deprecated: use --color-plum-fill-hover (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-plum-fill-hover: var(--color-plum-fill-hover);
  /* deprecated: use --color-plum-fill-pressed (press -> pressed) */
  --color-action-plum-fill-press: var(--color-plum-fill-pressed);
  /* deprecated: use --color-plum-fill-pressed (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-plum-fill-pressed: var(--color-plum-fill-pressed);
  /* deprecated: use --color-plum-subtle-hover (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-plum-hover: var(--color-plum-subtle-hover);
  /* deprecated: use --color-plum-subtle-pressed (press -> pressed) */
  --color-action-plum-press: var(--color-plum-subtle-pressed);
  /* deprecated: use --color-plum-subtle-pressed (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-plum-pressed: var(--color-plum-subtle-pressed);
  /* deprecated: use --color-plum-subtle (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-plum-subtle: var(--color-plum-subtle);
  /* deprecated: use --color-plum-text (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-plum-text: var(--color-plum-text);
  /* deprecated: use --color-plum-subtle (tonal -> subtle) */
  --color-action-plum-tonal: var(--color-plum-subtle);
  /* deprecated: use --color-brand-accessible-solid-default (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-primary-default: var(--color-brand-accessible-solid-default);
  /* deprecated: use --color-layout-stroke-default (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-primary-disabled: var(--color-layout-stroke-default);
  /* deprecated: use --color-brand-accessible-solid-hover (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-primary-hover: var(--color-brand-accessible-solid-hover);
  /* deprecated: use --color-brand-accessible-solid-pressed (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-primary-pressed: var(--color-brand-accessible-solid-pressed);
  /* deprecated: use --color-purple-fill-hover (semantic collection removal: legacy action color moved to color role) */
  --color-action-purple-fill-hover: var(--color-purple-fill-hover);
  /* deprecated: use --color-purple-fill-pressed (press -> pressed) */
  --color-action-purple-fill-press: var(--color-purple-fill-pressed);
  /* deprecated: use --color-purple-fill-pressed (semantic collection removal: legacy action color moved to color role) */
  --color-action-purple-fill-pressed: var(--color-purple-fill-pressed);
  /* deprecated: use --color-purple-subtle-hover (semantic collection removal: legacy action color moved to color role) */
  --color-action-purple-hover: var(--color-purple-subtle-hover);
  /* deprecated: use --color-purple-subtle-pressed (press -> pressed) */
  --color-action-purple-press: var(--color-purple-subtle-pressed);
  /* deprecated: use --color-purple-subtle-pressed (semantic collection removal: legacy action color moved to color role) */
  --color-action-purple-pressed: var(--color-purple-subtle-pressed);
  /* deprecated: use --color-rose-fill (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-rose-border: var(--color-rose-fill);
  /* deprecated: use --color-rose-subtle (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-rose-category-bg: var(--color-rose-subtle);
  /* deprecated: use --color-rose-fill (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-rose-fill: var(--color-rose-fill);
  /* deprecated: use --color-rose-fill-hover (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-rose-fill-hover: var(--color-rose-fill-hover);
  /* deprecated: use --color-rose-fill-pressed (press -> pressed) */
  --color-action-rose-fill-press: var(--color-rose-fill-pressed);
  /* deprecated: use --color-rose-fill-pressed (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-rose-fill-pressed: var(--color-rose-fill-pressed);
  /* deprecated: use --color-rose-subtle-hover (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-rose-hover: var(--color-rose-subtle-hover);
  /* deprecated: use --color-rose-subtle-pressed (press -> pressed) */
  --color-action-rose-press: var(--color-rose-subtle-pressed);
  /* deprecated: use --color-rose-subtle-pressed (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-rose-pressed: var(--color-rose-subtle-pressed);
  /* deprecated: use --color-rose-subtle (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-rose-subtle: var(--color-rose-subtle);
  /* deprecated: use --color-rose-text (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-rose-text: var(--color-rose-text);
  /* deprecated: use --color-rose-subtle (tonal -> subtle) */
  --color-action-rose-tonal: var(--color-rose-subtle);
  /* deprecated: use --color-elevation-gray-layer-3 (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-secondary-default: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-layout-bg-sunken (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-secondary-hover: var(--color-layout-bg-sunken);
  /* deprecated: use --color-sky-fill (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-sky-border: var(--color-sky-fill);
  /* deprecated: use --color-sky-subtle (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-sky-category-bg: var(--color-sky-subtle);
  /* deprecated: use --color-sky-fill (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-sky-fill: var(--color-sky-fill);
  /* deprecated: use --color-sky-fill-hover (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-sky-fill-hover: var(--color-sky-fill-hover);
  /* deprecated: use --color-sky-fill-pressed (press -> pressed) */
  --color-action-sky-fill-press: var(--color-sky-fill-pressed);
  /* deprecated: use --color-sky-fill-pressed (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-sky-fill-pressed: var(--color-sky-fill-pressed);
  /* deprecated: use --color-sky-subtle-hover (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-sky-hover: var(--color-sky-subtle-hover);
  /* deprecated: use --color-sky-subtle-pressed (press -> pressed) */
  --color-action-sky-press: var(--color-sky-subtle-pressed);
  /* deprecated: use --color-sky-subtle-pressed (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-sky-pressed: var(--color-sky-subtle-pressed);
  /* deprecated: use --color-sky-subtle (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-sky-subtle: var(--color-sky-subtle);
  /* deprecated: use --color-sky-text (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-sky-text: var(--color-sky-text);
  /* deprecated: use --color-sky-subtle (tonal -> subtle) */
  --color-action-sky-tonal: var(--color-sky-subtle);
  /* deprecated: use --color-white-a15 (press -> pressed) */
  --color-action-state-layer-press-dark: var(--color-white-a15);
  /* deprecated: use --color-black-a12 (press -> pressed) */
  --color-action-state-layer-press-light: var(--color-black-a12);
  /* deprecated: use --color-white-a15 (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-state-layer-pressed-dark: var(--color-white-a15);
  /* deprecated: use --color-black-a12 (semantic collection removal: legacy action color moved to color/layout role) */
  --color-action-state-layer-pressed-light: var(--color-black-a12);
  /* deprecated: use --color-feedback-success-solid-hover (legacy action solid hover moved to canonical Feedback Solid Hover) */
  --color-action-success-fill-hover: var(--color-feedback-success-solid-hover);
  /* deprecated: use --color-feedback-success-solid-pressed (legacy action solid press moved to canonical Feedback Solid Pressed) */
  --color-action-success-fill-press: var(--color-feedback-success-solid-pressed);
  /* deprecated: use --color-feedback-success-bg-hover (legacy action hover moved to canonical Feedback Background Hover) */
  --color-action-success-hover: var(--color-feedback-success-bg-hover);
  /* deprecated: use --color-feedback-success-bg-pressed (legacy action press moved to canonical Feedback Background Pressed) */
  --color-action-success-press: var(--color-feedback-success-bg-pressed);
  /* deprecated: use --color-teal-fill-hover (semantic collection removal: legacy action color moved to color role) */
  --color-action-teal-fill-hover: var(--color-teal-fill-hover);
  /* deprecated: use --color-teal-fill-pressed (press -> pressed) */
  --color-action-teal-fill-press: var(--color-teal-fill-pressed);
  /* deprecated: use --color-teal-fill-pressed (semantic collection removal: legacy action color moved to color role) */
  --color-action-teal-fill-pressed: var(--color-teal-fill-pressed);
  /* deprecated: use --color-teal-subtle-hover (semantic collection removal: legacy action color moved to color role) */
  --color-action-teal-hover: var(--color-teal-subtle-hover);
  /* deprecated: use --color-teal-subtle-pressed (press -> pressed) */
  --color-action-teal-press: var(--color-teal-subtle-pressed);
  /* deprecated: use --color-teal-subtle-pressed (semantic collection removal: legacy action color moved to color role) */
  --color-action-teal-pressed: var(--color-teal-subtle-pressed);
  /* deprecated: use --color-feedback-warning-solid-hover (legacy action solid hover moved to canonical Feedback Solid Hover) */
  --color-action-warning-fill-hover: var(--color-feedback-warning-solid-hover);
  /* deprecated: use --color-feedback-warning-solid-pressed (legacy action solid press moved to canonical Feedback Solid Pressed) */
  --color-action-warning-fill-press: var(--color-feedback-warning-solid-pressed);
  /* deprecated: use --color-feedback-warning-bg-hover (legacy action hover moved to canonical Feedback Background Hover) */
  --color-action-warning-hover: var(--color-feedback-warning-bg-hover);
  /* deprecated: use --color-feedback-warning-bg-pressed (legacy action press moved to canonical Feedback Background Pressed) */
  --color-action-warning-press: var(--color-feedback-warning-bg-pressed);
  /* deprecated: use --color-white-fill (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-white-border: var(--color-white-fill);
  /* deprecated: use --color-white-subtle (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-white-category-bg: var(--color-white-subtle);
  /* deprecated: use --color-white-fill (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-white-fill: var(--color-white-fill);
  /* deprecated: use --color-white-fill-hover (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-white-fill-hover: var(--color-white-fill-hover);
  /* deprecated: use --color-white-fill-pressed (press -> pressed) */
  --color-action-white-fill-press: var(--color-white-fill-pressed);
  /* deprecated: use --color-white-fill-pressed (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-white-fill-pressed: var(--color-white-fill-pressed);
  /* deprecated: use --color-white-text-on-solid (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-white-fill-text: var(--color-white-text-on-solid);
  /* deprecated: use --color-white-subtle-hover (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-white-hover: var(--color-white-subtle-hover);
  /* deprecated: use --color-white-subtle-pressed (press -> pressed) */
  --color-action-white-press: var(--color-white-subtle-pressed);
  /* deprecated: use --color-white-subtle-pressed (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-white-pressed: var(--color-white-subtle-pressed);
  /* deprecated: use --color-white-subtle (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-white-subtle: var(--color-white-subtle);
  /* deprecated: use --color-white-text (semantic collection removal: legacy action role moved to color/brand/layout role) */
  --color-action-white-text: var(--color-white-text);
  /* deprecated: use --color-white-subtle (tonal -> subtle) */
  --color-action-white-tonal: var(--color-white-subtle);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-amber-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-amber-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-amber-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-amber-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-amber-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-amber-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-amber-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-fg-icon-focus: var(--color-amber-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-amber-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-stroke-focus: var(--color-amber-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-amber-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-amber-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-amber-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-amber-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-amber-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-amber-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-amber-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-amber-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-amber-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-amber-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-amber-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-amber-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-amber-text-selected: var(--color-amber-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-amber-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-azure-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-azure-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-azure-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-azure-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-azure-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-azure-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-azure-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-fg-icon-focus: var(--color-azure-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-azure-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-stroke-focus: var(--color-azure-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-azure-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-azure-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-azure-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-azure-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-azure-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-azure-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-azure-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-azure-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-azure-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-azure-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-azure-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-azure-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-azure-text-selected: var(--color-azure-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-azure-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-brand-role-subtle-hover (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-bg-brand-action-hover: var(--color-brand-role-subtle-hover);
  /* deprecated: use --color-brand-role-subtle-pressed (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-bg-brand-action-pressed: var(--color-brand-role-subtle-pressed);
  /* deprecated: use --color-brand-role-subtle (semantic bg category -> tag) */
  --color-bg-brand-category: var(--color-brand-role-subtle);
  /* deprecated: use --color-brand-role-subtle-hover (semantic bg brand hover -> action-hover) */
  --color-bg-brand-hover: var(--color-brand-role-subtle-hover);
  /* deprecated: use --color-brand-role-subtle-pressed (semantic bg brand pressed -> action-pressed) */
  --color-bg-brand-pressed: var(--color-brand-role-subtle-pressed);
  /* deprecated: use --color-brand-a10 (semantic collection removal: moved to brand/layout role) */
  --color-bg-brand-selected: var(--color-brand-a10);
  /* deprecated: use --color-brand-a15 (semantic collection removal: moved to brand/layout role) */
  --color-bg-brand-selected-hover: var(--color-brand-a15);
  /* deprecated: use --color-brand-accessible-solid-default (semantic collection removal: moved to brand/layout role) */
  --color-bg-brand-solid: var(--color-brand-accessible-solid-default);
  /* deprecated: use --color-brand-accessible-solid-hover (semantic collection removal: moved to brand/layout role) */
  --color-bg-brand-solid-hover: var(--color-brand-accessible-solid-hover);
  /* deprecated: use --color-brand-accessible-solid-pressed (semantic collection removal: moved to brand/layout role) */
  --color-bg-brand-solid-pressed: var(--color-brand-accessible-solid-pressed);
  /* deprecated: use --color-brand-role-subtle (semantic collection removal: moved to brand/layout role) */
  --color-bg-brand-subtle: var(--color-brand-role-subtle);
  /* deprecated: use --color-brand-role-subtle (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-bg-brand-tag: var(--color-brand-role-subtle);
  /* deprecated: use --color-feedback-danger-bg-hover (semantic collection removal: moved to brand/layout role) */
  --color-bg-danger-action-hover: var(--color-feedback-danger-bg-hover);
  /* deprecated: use --color-feedback-danger-bg-pressed (semantic collection removal: moved to brand/layout role) */
  --color-bg-danger-action-pressed: var(--color-feedback-danger-bg-pressed);
  /* deprecated: use --color-feedback-danger-solid (semantic collection removal: moved to brand/layout role) */
  --color-bg-danger-solid: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-danger-solid-hover (semantic collection removal: moved to brand/layout role) */
  --color-bg-danger-solid-hover: var(--color-feedback-danger-solid-hover);
  /* deprecated: use --color-feedback-danger-solid-pressed (semantic collection removal: moved to brand/layout role) */
  --color-bg-danger-solid-pressed: var(--color-feedback-danger-solid-pressed);
  /* deprecated: use --color-feedback-danger-bg (semantic collection removal: moved to brand/layout role) */
  --color-bg-danger-subtle: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-bg (semantic collection removal: moved to brand/layout role) */
  --color-bg-danger-tag: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-info-bg-hover (semantic collection removal: moved to brand/layout role) */
  --color-bg-info-action-hover: var(--color-feedback-info-bg-hover);
  /* deprecated: use --color-feedback-info-bg-pressed (semantic collection removal: moved to brand/layout role) */
  --color-bg-info-action-pressed: var(--color-feedback-info-bg-pressed);
  /* deprecated: use --color-feedback-info-solid (semantic collection removal: moved to brand/layout role) */
  --color-bg-info-solid: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-info-solid-hover (semantic collection removal: moved to brand/layout role) */
  --color-bg-info-solid-hover: var(--color-feedback-info-solid-hover);
  /* deprecated: use --color-feedback-info-solid-pressed (semantic collection removal: moved to brand/layout role) */
  --color-bg-info-solid-pressed: var(--color-feedback-info-solid-pressed);
  /* deprecated: use --color-feedback-info-bg (semantic collection removal: moved to brand/layout role) */
  --color-bg-info-subtle: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-bg (semantic collection removal: moved to brand/layout role) */
  --color-bg-info-tag: var(--color-feedback-info-bg);
  /* deprecated: use --color-elevation-gray-page (semantic collection removal: moved to brand/layout role) */
  --color-bg-layer-base: var(--color-elevation-gray-page);
  /* deprecated: use --color-elevation-gray-page (semantic collection removal: moved to brand/layout role) */
  --color-bg-layer-canvas: var(--color-elevation-gray-page);
  /* deprecated: use --color-elevation-gray-layer-2 (semantic collection removal: moved to brand/layout role) */
  --color-bg-layer-floating: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (semantic collection removal: moved to brand/layout role) */
  --color-bg-layer-panel: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-2 (semantic collection removal: moved to brand/layout role) */
  --color-bg-layer-raised: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-layout-bg-sunken (semantic collection removal: moved to brand/layout role) */
  --color-bg-layer-sunken: var(--color-layout-bg-sunken);
  /* deprecated: use --color-layout-bg-sunken (semantic collection removal: moved to brand/layout role) */
  --color-bg-neutral-hover: var(--color-layout-bg-sunken);
  /* deprecated: use --color-feedback-success-bg-hover (semantic collection removal: moved to brand/layout role) */
  --color-bg-success-action-hover: var(--color-feedback-success-bg-hover);
  /* deprecated: use --color-feedback-success-bg-pressed (semantic collection removal: moved to brand/layout role) */
  --color-bg-success-action-pressed: var(--color-feedback-success-bg-pressed);
  /* deprecated: use --color-feedback-success-solid (semantic collection removal: moved to brand/layout role) */
  --color-bg-success-solid: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-success-solid-hover (semantic collection removal: moved to brand/layout role) */
  --color-bg-success-solid-hover: var(--color-feedback-success-solid-hover);
  /* deprecated: use --color-feedback-success-solid-pressed (semantic collection removal: moved to brand/layout role) */
  --color-bg-success-solid-pressed: var(--color-feedback-success-solid-pressed);
  /* deprecated: use --color-feedback-success-bg (semantic collection removal: moved to brand/layout role) */
  --color-bg-success-subtle: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-bg (semantic collection removal: moved to brand/layout role) */
  --color-bg-success-tag: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-warning-bg-hover (semantic collection removal: moved to brand/layout role) */
  --color-bg-warning-action-hover: var(--color-feedback-warning-bg-hover);
  /* deprecated: use --color-feedback-warning-bg-pressed (semantic collection removal: moved to brand/layout role) */
  --color-bg-warning-action-pressed: var(--color-feedback-warning-bg-pressed);
  /* deprecated: use --color-feedback-warning-solid (semantic collection removal: moved to brand/layout role) */
  --color-bg-warning-solid: var(--color-feedback-warning-solid);
  /* deprecated: use --color-feedback-warning-solid-hover (semantic collection removal: moved to brand/layout role) */
  --color-bg-warning-solid-hover: var(--color-feedback-warning-solid-hover);
  /* deprecated: use --color-feedback-warning-solid-pressed (semantic collection removal: moved to brand/layout role) */
  --color-bg-warning-solid-pressed: var(--color-feedback-warning-solid-pressed);
  /* deprecated: use --color-feedback-warning-bg (semantic collection removal: moved to brand/layout role) */
  --color-bg-warning-subtle: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-bg (semantic collection removal: moved to brand/layout role) */
  --color-bg-warning-tag: var(--color-feedback-warning-bg);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-black-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-black-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-black-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-black-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-black-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-black-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-black-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-fg-icon-focus: var(--color-black-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-black-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-stroke-focus: var(--color-black-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-black-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-black-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-black-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-black-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-black-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-black-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-black-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-black-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-black-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-black-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-black-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-black-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-black-text-selected: var(--color-black-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-black-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-blue-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-blue-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-blue-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-blue-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-blue-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-blue-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-blue-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-fg-icon-focus: var(--color-blue-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-glow-danger (ring -> glow (soft focus effect)) */
  --color-blue-input-ring-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-blue-input-glow-focus (ring -> glow (soft focus effect)) */
  --color-blue-input-ring-focus: var(--color-blue-input-glow-focus);
  /* deprecated: use --color-input-glow-info (ring -> glow (soft focus effect)) */
  --color-blue-input-ring-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (ring -> glow (soft focus effect)) */
  --color-blue-input-ring-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (ring -> glow (soft focus effect)) */
  --color-blue-input-ring-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-blue-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-stroke-focus: var(--color-blue-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-blue-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (overlay -> relief) */
  --color-blue-overlay-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (overlay -> relief) */
  --color-blue-overlay-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (overlay -> relief) */
  --color-blue-overlay-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (overlay -> relief) */
  --color-blue-overlay-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (overlay -> relief) */
  --color-blue-overlay-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (overlay -> relief) */
  --color-blue-overlay-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-blue-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-blue-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-blue-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-blue-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-blue-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-blue-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-blue-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-blue-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-blue-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-blue-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-blue-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-blue-text-selected: var(--color-blue-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-blue-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-layout-stroke-default (semantic collection removal: moved to brand/layout role) */
  --color-border-default: var(--color-layout-stroke-default);
  /* deprecated: use --color-brand-role-input-stroke-focus (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-border-focus: var(--color-brand-role-input-stroke-focus);
  /* deprecated: use --color-layout-stroke-strong (semantic collection removal: moved to brand/layout role) */
  --color-border-strong: var(--color-layout-stroke-strong);
  /* deprecated: use --color-layout-stroke-subtle (semantic collection removal: moved to brand/layout role) */
  --color-border-subtle: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-brand-base-default (2026 canonical Brand Base/Accessible Solid split) */
  --color-brand-default: var(--color-brand-base-default);
  /* deprecated: use --color-brand-base-hover (2026 canonical Brand Base/Accessible Solid split) */
  --color-brand-hover: var(--color-brand-base-hover);
  /* deprecated: use --color-brand-base-pressed (2026 canonical Brand Base/Accessible Solid split) */
  --color-brand-pressed: var(--color-brand-base-pressed);
  /* deprecated: use --color-brand-feedback-danger-bg (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-danger-bg: var(--color-brand-feedback-danger-bg);
  /* deprecated: use --color-brand-feedback-danger-bg-hover (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-danger-bg-hover: var(--color-brand-feedback-danger-bg-hover);
  /* deprecated: use --color-brand-feedback-danger-bg-pressed (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-danger-bg-pressed: var(--color-brand-feedback-danger-bg-pressed);
  /* deprecated: use --color-brand-feedback-danger-border (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-danger-border: var(--color-brand-feedback-danger-border);
  /* deprecated: use --color-brand-feedback-danger-fg (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-danger-fg: var(--color-brand-feedback-danger-fg);
  /* deprecated: use --color-brand-feedback-danger-solid (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-danger-fill: var(--color-brand-feedback-danger-solid);
  /* deprecated: use --color-brand-feedback-danger-solid-hover (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-danger-fill-hover: var(--color-brand-feedback-danger-solid-hover);
  /* deprecated: use --color-brand-feedback-danger-solid-pressed (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-danger-fill-pressed: var(--color-brand-feedback-danger-solid-pressed);
  /* deprecated: use --color-brand-feedback-info-bg (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-info-bg: var(--color-brand-feedback-info-bg);
  /* deprecated: use --color-brand-feedback-info-bg-hover (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-info-bg-hover: var(--color-brand-feedback-info-bg-hover);
  /* deprecated: use --color-brand-feedback-info-bg-pressed (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-info-bg-pressed: var(--color-brand-feedback-info-bg-pressed);
  /* deprecated: use --color-brand-feedback-info-border (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-info-border: var(--color-brand-feedback-info-border);
  /* deprecated: use --color-brand-feedback-info-fg (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-info-fg: var(--color-brand-feedback-info-fg);
  /* deprecated: use --color-brand-feedback-info-solid (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-info-fill: var(--color-brand-feedback-info-solid);
  /* deprecated: use --color-brand-feedback-info-solid-hover (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-info-fill-hover: var(--color-brand-feedback-info-solid-hover);
  /* deprecated: use --color-brand-feedback-info-solid-pressed (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-info-fill-pressed: var(--color-brand-feedback-info-solid-pressed);
  /* deprecated: use --color-brand-feedback-success-bg (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-success-bg: var(--color-brand-feedback-success-bg);
  /* deprecated: use --color-brand-feedback-success-bg-hover (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-success-bg-hover: var(--color-brand-feedback-success-bg-hover);
  /* deprecated: use --color-brand-feedback-success-bg-pressed (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-success-bg-pressed: var(--color-brand-feedback-success-bg-pressed);
  /* deprecated: use --color-brand-feedback-success-border (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-success-border: var(--color-brand-feedback-success-border);
  /* deprecated: use --color-brand-feedback-success-fg (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-success-fg: var(--color-brand-feedback-success-fg);
  /* deprecated: use --color-brand-feedback-success-solid (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-success-fill: var(--color-brand-feedback-success-solid);
  /* deprecated: use --color-brand-feedback-success-solid-hover (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-success-fill-hover: var(--color-brand-feedback-success-solid-hover);
  /* deprecated: use --color-brand-feedback-success-solid-pressed (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-success-fill-pressed: var(--color-brand-feedback-success-solid-pressed);
  /* deprecated: use --color-brand-feedback-warning-bg (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-warning-bg: var(--color-brand-feedback-warning-bg);
  /* deprecated: use --color-brand-feedback-warning-bg-hover (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-warning-bg-hover: var(--color-brand-feedback-warning-bg-hover);
  /* deprecated: use --color-brand-feedback-warning-bg-pressed (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-warning-bg-pressed: var(--color-brand-feedback-warning-bg-pressed);
  /* deprecated: use --color-brand-feedback-warning-border (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-warning-border: var(--color-brand-feedback-warning-border);
  /* deprecated: use --color-brand-feedback-warning-fg (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-warning-fg: var(--color-brand-feedback-warning-fg);
  /* deprecated: use --color-brand-feedback-warning-solid (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-warning-fill: var(--color-brand-feedback-warning-solid);
  /* deprecated: use --color-brand-feedback-warning-solid-hover (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-warning-fill-hover: var(--color-brand-feedback-warning-solid-hover);
  /* deprecated: use --color-brand-feedback-warning-solid-pressed (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-feedback-warning-fill-pressed: var(--color-brand-feedback-warning-solid-pressed);
  /* deprecated: use --color-brand-accessible-solid-default (2026 canonical Brand Base/Accessible Solid split) */
  --color-brand-role-fill: var(--color-brand-accessible-solid-default);
  /* deprecated: use --color-brand-accessible-solid-hover (2026 canonical Brand Base/Accessible Solid split) */
  --color-brand-role-fill-hover: var(--color-brand-accessible-solid-hover);
  /* deprecated: use --color-brand-accessible-solid-pressed (2026 canonical Brand Base/Accessible Solid split) */
  --color-brand-role-fill-pressed: var(--color-brand-accessible-solid-pressed);
  /* deprecated: use --color-brand-border-default (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-layout-stroke-default: var(--color-brand-border-default);
  /* deprecated: use --color-brand-border-strong (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-layout-stroke-strong: var(--color-brand-border-strong);
  /* deprecated: use --color-brand-border-subtle (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-layout-stroke-subtle: var(--color-brand-border-subtle);
  /* deprecated: use --color-brand-font-title (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-layout-text-default: var(--color-brand-font-title);
  /* deprecated: use --color-brand-text-inverse (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-layout-text-inverse: var(--color-brand-text-inverse);
  /* deprecated: use --color-brand-text-inverse-muted (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-layout-text-inverse-muted: var(--color-brand-text-inverse-muted);
  /* deprecated: use --color-brand-font-body (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-layout-text-muted: var(--color-brand-font-body);
  /* deprecated: use --color-brand-font-always-white (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-layout-text-on-solid: var(--color-brand-font-always-white);
  /* deprecated: use --color-brand-font-always-white (fixed Gray 50 foreground renamed to Always White while preserving the public API) */
  --color-brand-text-neutral-on-solid: var(--color-brand-font-always-white);
  /* deprecated: use --color-brand-text-neutral-on-solid-muted (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-layout-text-on-solid-muted: var(--color-brand-text-neutral-on-solid-muted);
  /* deprecated: use --color-brand-font-caption (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-layout-text-subtle: var(--color-brand-font-caption);
  /* deprecated: use --color-brand-accessible-solid-default (Figma wrapper deleted after consumer rebind; public API retained as compatibility alias) */
  --color-brand-role-table-header-bg-brand: var(--color-brand-accessible-solid-default);
  /* deprecated: use --color-layout-text-body (Table text wrapper removed; use shared Layout Body) */
  --color-brand-role-table-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-title (Table text wrapper removed; use shared Layout Title) */
  --color-brand-role-table-text-header: var(--color-layout-text-title);
  /* deprecated: use --color-brand-role-text-on-solid (Table text wrapper removed; use shared On Solid role) */
  --color-brand-role-table-text-on-brand: var(--color-brand-role-text-on-solid);
  /* deprecated: use --color-brand-font-body (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-text-body: var(--color-brand-font-body);
  /* deprecated: use --color-brand-font-caption (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-text-caption: var(--color-brand-font-caption);
  /* deprecated: use --color-brand-font-caption-light (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-text-caption-light: var(--color-brand-font-caption-light);
  /* deprecated: use --color-brand-font-disabled (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-text-disabled: var(--color-brand-font-disabled);
  /* deprecated: use --color-brand-role-text-pressed (taxonomy16 renamed the transient interaction state to Pressed; persistent selection uses Selection roles) */
  --color-brand-role-text-selected: var(--color-brand-role-text-pressed);
  /* deprecated: use --color-brand-font-title (legacy Brand role flattened to the approved Brand 적용 창구) */
  --color-brand-role-text-title: var(--color-brand-font-title);
  /* deprecated: use --color-brand-role-text (VariableID:568:2 deleted after the two remaining Button paints moved to VariableID:1408:7; legacy bridge API maps to Brand Text Default by API meaning) */
  --color-brand-text: var(--color-brand-role-text);
  /* deprecated: use --color-brand-role-text-pressed (VariableID:568:4 deleted after Brand Text Button paints moved to Brand Foreground Default; legacy Active API maps to Pressed by the taxonomy16 state vocabulary contract) */
  --color-brand-text-active: var(--color-brand-role-text-pressed);
  /* deprecated: use --color-brand-role-text-hover (VariableID:568:3 deleted after Button paints moved to Brand Text Hover; legacy bridge API retained) */
  --color-brand-text-hover: var(--color-brand-role-text-hover);
  /* deprecated: use --color-amber-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-amber-bg: var(--color-amber-subtle);
  /* deprecated: use --color-amber-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-amber-bg-hover: var(--color-amber-subtle-hover);
  /* deprecated: use --color-amber-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-amber-bg-pressed: var(--color-amber-subtle-pressed);
  /* deprecated: use --color-amber-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-amber-fg: var(--color-amber-text);
  /* deprecated: use --color-amber-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-amber-stroke: var(--color-amber-fill);
  /* deprecated: use --color-black-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-black-bg: var(--color-black-subtle);
  /* deprecated: use --color-black-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-black-bg-hover: var(--color-black-subtle-hover);
  /* deprecated: use --color-black-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-black-bg-pressed: var(--color-black-subtle-pressed);
  /* deprecated: use --color-black-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-black-fg: var(--color-black-text);
  /* deprecated: use --color-black-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-black-stroke: var(--color-black-fill);
  /* deprecated: use --color-brand-role-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-brand-bg: var(--color-brand-role-subtle);
  /* deprecated: use --color-brand-role-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-brand-bg-hover: var(--color-brand-role-subtle-hover);
  /* deprecated: use --color-brand-role-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  /* deprecated: use --color-brand-role-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-brand-fg: var(--color-brand-role-text);
  /* deprecated: use --color-brand-role-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-brand-stroke: var(--color-brand-role-text);
  /* deprecated: use --color-feedback-danger-bg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  /* deprecated: use --color-feedback-danger-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  /* deprecated: use --color-feedback-danger-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-border (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-danger-stroke: var(--color-feedback-danger-border);
  /* deprecated: use --color-emerald-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-emerald-bg: var(--color-emerald-subtle);
  /* deprecated: use --color-emerald-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-emerald-bg-hover: var(--color-emerald-subtle-hover);
  /* deprecated: use --color-emerald-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-emerald-bg-pressed: var(--color-emerald-subtle-pressed);
  /* deprecated: use --color-emerald-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-emerald-fg: var(--color-emerald-text);
  /* deprecated: use --color-emerald-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-emerald-stroke: var(--color-emerald-fill);
  /* deprecated: use --color-neutral-button-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-gray-bg: var(--color-neutral-button-subtle);
  /* deprecated: use --color-neutral-button-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-gray-bg-hover: var(--color-neutral-button-subtle-hover);
  /* deprecated: use --color-neutral-button-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-gray-bg-pressed: var(--color-neutral-button-subtle-pressed);
  /* deprecated: use --color-neutral-button-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-gray-fg: var(--color-neutral-button-text);
  /* deprecated: use --color-neutral-button-stroke (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-gray-stroke: var(--color-neutral-button-stroke);
  /* deprecated: use --color-indigo-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-indigo-bg: var(--color-indigo-subtle);
  /* deprecated: use --color-indigo-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-indigo-bg-hover: var(--color-indigo-subtle-hover);
  /* deprecated: use --color-indigo-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-indigo-bg-pressed: var(--color-indigo-subtle-pressed);
  /* deprecated: use --color-indigo-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-indigo-fg: var(--color-indigo-text);
  /* deprecated: use --color-indigo-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-indigo-stroke: var(--color-indigo-fill);
  /* deprecated: use --color-feedback-info-bg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-info-bg-hover: var(--color-feedback-info-bg-hover);
  /* deprecated: use --color-feedback-info-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  /* deprecated: use --color-feedback-info-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-border (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-info-stroke: var(--color-feedback-info-border);
  /* deprecated: use --color-plum-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-plum-bg: var(--color-plum-subtle);
  /* deprecated: use --color-plum-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-plum-bg-hover: var(--color-plum-subtle-hover);
  /* deprecated: use --color-plum-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-plum-bg-pressed: var(--color-plum-subtle-pressed);
  /* deprecated: use --color-plum-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-plum-fg: var(--color-plum-text);
  /* deprecated: use --color-plum-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-plum-stroke: var(--color-plum-fill);
  /* deprecated: use --color-rose-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-rose-bg: var(--color-rose-subtle);
  /* deprecated: use --color-rose-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-rose-bg-hover: var(--color-rose-subtle-hover);
  /* deprecated: use --color-rose-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-rose-bg-pressed: var(--color-rose-subtle-pressed);
  /* deprecated: use --color-rose-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-rose-fg: var(--color-rose-text);
  /* deprecated: use --color-rose-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-rose-stroke: var(--color-rose-fill);
  /* deprecated: use --color-sky-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-sky-bg: var(--color-sky-subtle);
  /* deprecated: use --color-sky-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-sky-bg-hover: var(--color-sky-subtle-hover);
  /* deprecated: use --color-sky-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-sky-bg-pressed: var(--color-sky-subtle-pressed);
  /* deprecated: use --color-sky-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-sky-fg: var(--color-sky-text);
  /* deprecated: use --color-sky-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-sky-stroke: var(--color-sky-fill);
  /* deprecated: use --color-feedback-success-bg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-success-bg-hover: var(--color-feedback-success-bg-hover);
  /* deprecated: use --color-feedback-success-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  /* deprecated: use --color-feedback-success-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-border (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-success-stroke: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-warning-bg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  /* deprecated: use --color-feedback-warning-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  /* deprecated: use --color-feedback-warning-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-border (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-warning-stroke: var(--color-feedback-warning-border);
  /* deprecated: use --color-white-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-white-bg: var(--color-white-subtle);
  /* deprecated: use --color-white-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-white-bg-hover: var(--color-white-subtle-hover);
  /* deprecated: use --color-white-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-white-bg-pressed: var(--color-white-subtle-pressed);
  /* deprecated: use --color-white-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-white-fg: var(--color-white-text);
  /* deprecated: use --color-white-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-category-white-stroke: var(--color-white-fill);
  /* deprecated: use --color-amber-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-amber-bg: var(--color-amber-fill);
  /* deprecated: use --color-amber-fill-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-amber-bg-hover: var(--color-amber-fill-hover);
  /* deprecated: use --color-amber-fill-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-amber-bg-pressed: var(--color-amber-fill-pressed);
  /* deprecated: use --color-layout-text-on-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-amber-fg: var(--color-layout-text-on-solid);
  /* deprecated: use --color-black-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-black-bg: var(--color-black-fill);
  /* deprecated: use --color-black-fill-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-black-bg-hover: var(--color-black-fill-hover);
  /* deprecated: use --color-black-fill-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-black-bg-pressed: var(--color-black-fill-pressed);
  /* deprecated: use --color-brand-accessible-solid-default (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-brand-bg: var(--color-brand-accessible-solid-default);
  /* deprecated: use --color-brand-accessible-solid-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-brand-bg-hover: var(--color-brand-accessible-solid-hover);
  /* deprecated: use --color-brand-accessible-solid-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-brand-bg-pressed: var(--color-brand-accessible-solid-pressed);
  /* deprecated: use --color-brand-role-text-on-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-brand-fg: var(--color-brand-role-text-on-solid);
  /* deprecated: use --color-feedback-danger-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-danger-bg: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-danger-solid-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-danger-bg-hover: var(--color-feedback-danger-solid-hover);
  /* deprecated: use --color-feedback-danger-solid-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-danger-bg-pressed: var(--color-feedback-danger-solid-pressed);
  /* deprecated: use --color-layout-text-on-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-danger-fg: var(--color-layout-text-on-solid);
  /* deprecated: use --color-emerald-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-emerald-bg: var(--color-emerald-fill);
  /* deprecated: use --color-emerald-fill-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-emerald-bg-hover: var(--color-emerald-fill-hover);
  /* deprecated: use --color-emerald-fill-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-emerald-bg-pressed: var(--color-emerald-fill-pressed);
  /* deprecated: use --color-layout-text-on-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-emerald-fg: var(--color-layout-text-on-solid);
  /* deprecated: use --color-neutral-button-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-gray-bg: var(--color-neutral-button-fill);
  /* deprecated: use --color-neutral-button-fill-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-gray-bg-hover: var(--color-neutral-button-fill-hover);
  /* deprecated: use --color-neutral-button-fill-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-gray-bg-pressed: var(--color-neutral-button-fill-pressed);
  /* deprecated: use --color-neutral-button-fill-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-gray-fg: var(--color-neutral-button-fill-fg);
  /* deprecated: use --color-indigo-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-indigo-bg: var(--color-indigo-fill);
  /* deprecated: use --color-indigo-fill-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-indigo-bg-hover: var(--color-indigo-fill-hover);
  /* deprecated: use --color-indigo-fill-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-indigo-bg-pressed: var(--color-indigo-fill-pressed);
  /* deprecated: use --color-layout-text-on-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-indigo-fg: var(--color-layout-text-on-solid);
  /* deprecated: use --color-feedback-info-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-info-bg: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-info-solid-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-info-bg-hover: var(--color-feedback-info-solid-hover);
  /* deprecated: use --color-feedback-info-solid-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-info-bg-pressed: var(--color-feedback-info-solid-pressed);
  /* deprecated: use --color-layout-text-on-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-info-fg: var(--color-layout-text-on-solid);
  /* deprecated: use --color-plum-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-plum-bg: var(--color-plum-fill);
  /* deprecated: use --color-plum-fill-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-plum-bg-hover: var(--color-plum-fill-hover);
  /* deprecated: use --color-plum-fill-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-plum-bg-pressed: var(--color-plum-fill-pressed);
  /* deprecated: use --color-layout-text-on-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-plum-fg: var(--color-layout-text-on-solid);
  /* deprecated: use --color-rose-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-rose-bg: var(--color-rose-fill);
  /* deprecated: use --color-rose-fill-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-rose-bg-hover: var(--color-rose-fill-hover);
  /* deprecated: use --color-rose-fill-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-rose-bg-pressed: var(--color-rose-fill-pressed);
  /* deprecated: use --color-layout-text-on-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-rose-fg: var(--color-layout-text-on-solid);
  /* deprecated: use --color-sky-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-sky-bg: var(--color-sky-fill);
  /* deprecated: use --color-sky-fill-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-sky-bg-hover: var(--color-sky-fill-hover);
  /* deprecated: use --color-sky-fill-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-sky-bg-pressed: var(--color-sky-fill-pressed);
  /* deprecated: use --color-layout-text-on-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-sky-fg: var(--color-layout-text-on-solid);
  /* deprecated: use --color-feedback-success-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-success-bg: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-success-solid-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-success-bg-hover: var(--color-feedback-success-solid-hover);
  /* deprecated: use --color-feedback-success-solid-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-success-bg-pressed: var(--color-feedback-success-solid-pressed);
  /* deprecated: use --color-layout-text-on-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-success-fg: var(--color-layout-text-on-solid);
  /* deprecated: use --color-feedback-warning-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-warning-bg: var(--color-feedback-warning-solid);
  /* deprecated: use --color-feedback-warning-solid-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-warning-bg-hover: var(--color-feedback-warning-solid-hover);
  /* deprecated: use --color-feedback-warning-solid-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-warning-bg-pressed: var(--color-feedback-warning-solid-pressed);
  /* deprecated: use --color-layout-text-on-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-warning-fg: var(--color-layout-text-on-solid);
  /* deprecated: use --color-white-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-white-bg: var(--color-white-fill);
  /* deprecated: use --color-white-fill-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-white-bg-hover: var(--color-white-fill-hover);
  /* deprecated: use --color-white-fill-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-white-bg-pressed: var(--color-white-fill-pressed);
  /* deprecated: use --color-white-text-on-solid (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-fill-white-fg: var(--color-white-text-on-solid);
  /* deprecated: use --color-amber-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-amber-bg-hover: var(--color-amber-subtle-hover);
  /* deprecated: use --color-amber-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-amber-bg-pressed: var(--color-amber-subtle-pressed);
  /* deprecated: use --color-amber-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-amber-fg: var(--color-amber-text);
  /* deprecated: use --color-amber-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-amber-stroke: var(--color-amber-fill);
  /* deprecated: use --color-black-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-black-bg-hover: var(--color-black-subtle-hover);
  /* deprecated: use --color-black-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-black-bg-pressed: var(--color-black-subtle-pressed);
  /* deprecated: use --color-black-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-black-stroke: var(--color-black-fill);
  /* deprecated: use --color-brand-role-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-brand-bg-hover: var(--color-brand-role-subtle-hover);
  /* deprecated: use --color-brand-role-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  /* deprecated: use --color-brand-role-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-brand-fg: var(--color-brand-role-text);
  /* deprecated: use --color-brand-role-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-brand-stroke: var(--color-brand-role-text);
  /* deprecated: use --color-feedback-danger-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  /* deprecated: use --color-feedback-danger-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  /* deprecated: use --color-feedback-danger-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-border (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-danger-stroke: var(--color-feedback-danger-border);
  /* deprecated: use --color-emerald-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-emerald-bg-hover: var(--color-emerald-subtle-hover);
  /* deprecated: use --color-emerald-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-emerald-bg-pressed: var(--color-emerald-subtle-pressed);
  /* deprecated: use --color-emerald-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-emerald-fg: var(--color-emerald-text);
  /* deprecated: use --color-emerald-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-emerald-stroke: var(--color-emerald-fill);
  /* deprecated: use --color-neutral-button-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-gray-bg-hover: var(--color-neutral-button-subtle-hover);
  /* deprecated: use --color-neutral-button-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-gray-bg-pressed: var(--color-neutral-button-subtle-pressed);
  /* deprecated: use --color-neutral-button-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-gray-fg: var(--color-neutral-button-text);
  /* deprecated: use --color-neutral-button-stroke (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-gray-stroke: var(--color-neutral-button-stroke);
  /* deprecated: use --color-indigo-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-indigo-bg-hover: var(--color-indigo-subtle-hover);
  /* deprecated: use --color-indigo-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-indigo-bg-pressed: var(--color-indigo-subtle-pressed);
  /* deprecated: use --color-indigo-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-indigo-fg: var(--color-indigo-text);
  /* deprecated: use --color-indigo-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-indigo-stroke: var(--color-indigo-fill);
  /* deprecated: use --color-feedback-info-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-info-bg-hover: var(--color-feedback-info-bg-hover);
  /* deprecated: use --color-feedback-info-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  /* deprecated: use --color-feedback-info-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-border (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-info-stroke: var(--color-feedback-info-border);
  /* deprecated: use --color-plum-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-plum-bg-hover: var(--color-plum-subtle-hover);
  /* deprecated: use --color-plum-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-plum-bg-pressed: var(--color-plum-subtle-pressed);
  /* deprecated: use --color-plum-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-plum-fg: var(--color-plum-text);
  /* deprecated: use --color-plum-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-plum-stroke: var(--color-plum-fill);
  /* deprecated: use --color-rose-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-rose-bg-hover: var(--color-rose-subtle-hover);
  /* deprecated: use --color-rose-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-rose-bg-pressed: var(--color-rose-subtle-pressed);
  /* deprecated: use --color-rose-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-rose-fg: var(--color-rose-text);
  /* deprecated: use --color-rose-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-rose-stroke: var(--color-rose-fill);
  /* deprecated: use --color-sky-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-sky-bg-hover: var(--color-sky-subtle-hover);
  /* deprecated: use --color-sky-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-sky-bg-pressed: var(--color-sky-subtle-pressed);
  /* deprecated: use --color-sky-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-sky-fg: var(--color-sky-text);
  /* deprecated: use --color-sky-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-sky-stroke: var(--color-sky-fill);
  /* deprecated: use --color-feedback-success-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-success-bg-hover: var(--color-feedback-success-bg-hover);
  /* deprecated: use --color-feedback-success-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  /* deprecated: use --color-feedback-success-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-border (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-success-stroke: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-warning-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  /* deprecated: use --color-feedback-warning-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  /* deprecated: use --color-feedback-warning-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-border (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-warning-stroke: var(--color-feedback-warning-border);
  /* deprecated: use --color-white-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-white-bg-hover: var(--color-white-subtle-hover);
  /* deprecated: use --color-white-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-white-bg-pressed: var(--color-white-subtle-pressed);
  /* deprecated: use --color-white-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-white-fg: var(--color-white-text);
  /* deprecated: use --color-white-fill (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-outline-white-stroke: var(--color-white-fill);
  /* deprecated: use --color-amber-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-amber-bg: var(--color-amber-subtle);
  /* deprecated: use --color-amber-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-amber-bg-hover: var(--color-amber-subtle-hover);
  /* deprecated: use --color-amber-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-amber-bg-pressed: var(--color-amber-subtle-pressed);
  /* deprecated: use --color-amber-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-amber-fg: var(--color-amber-text);
  /* deprecated: use --color-black-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-black-bg: var(--color-black-subtle);
  /* deprecated: use --color-black-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-black-bg-hover: var(--color-black-subtle-hover);
  /* deprecated: use --color-black-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-black-bg-pressed: var(--color-black-subtle-pressed);
  /* deprecated: use --color-black-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-black-fg: var(--color-black-text);
  /* deprecated: use --color-brand-role-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-brand-bg: var(--color-brand-role-subtle);
  /* deprecated: use --color-brand-role-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-brand-bg-hover: var(--color-brand-role-subtle-hover);
  /* deprecated: use --color-brand-role-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  /* deprecated: use --color-brand-role-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-brand-fg: var(--color-brand-role-text);
  /* deprecated: use --color-feedback-danger-bg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  /* deprecated: use --color-feedback-danger-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  /* deprecated: use --color-feedback-danger-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-emerald-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-emerald-bg: var(--color-emerald-subtle);
  /* deprecated: use --color-emerald-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-emerald-bg-hover: var(--color-emerald-subtle-hover);
  /* deprecated: use --color-emerald-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-emerald-bg-pressed: var(--color-emerald-subtle-pressed);
  /* deprecated: use --color-emerald-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-emerald-fg: var(--color-emerald-text);
  /* deprecated: use --color-neutral-button-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-gray-bg: var(--color-neutral-button-subtle);
  /* deprecated: use --color-neutral-button-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-gray-bg-hover: var(--color-neutral-button-subtle-hover);
  /* deprecated: use --color-neutral-button-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-gray-bg-pressed: var(--color-neutral-button-subtle-pressed);
  /* deprecated: use --color-neutral-button-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-gray-fg: var(--color-neutral-button-text);
  /* deprecated: use --color-indigo-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-indigo-bg: var(--color-indigo-subtle);
  /* deprecated: use --color-indigo-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-indigo-bg-hover: var(--color-indigo-subtle-hover);
  /* deprecated: use --color-indigo-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-indigo-bg-pressed: var(--color-indigo-subtle-pressed);
  /* deprecated: use --color-indigo-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-indigo-fg: var(--color-indigo-text);
  /* deprecated: use --color-feedback-info-bg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-info-bg-hover: var(--color-feedback-info-bg-hover);
  /* deprecated: use --color-feedback-info-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  /* deprecated: use --color-feedback-info-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-plum-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-plum-bg: var(--color-plum-subtle);
  /* deprecated: use --color-plum-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-plum-bg-hover: var(--color-plum-subtle-hover);
  /* deprecated: use --color-plum-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-plum-bg-pressed: var(--color-plum-subtle-pressed);
  /* deprecated: use --color-plum-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-plum-fg: var(--color-plum-text);
  /* deprecated: use --color-rose-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-rose-bg: var(--color-rose-subtle);
  /* deprecated: use --color-rose-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-rose-bg-hover: var(--color-rose-subtle-hover);
  /* deprecated: use --color-rose-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-rose-bg-pressed: var(--color-rose-subtle-pressed);
  /* deprecated: use --color-rose-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-rose-fg: var(--color-rose-text);
  /* deprecated: use --color-sky-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-sky-bg: var(--color-sky-subtle);
  /* deprecated: use --color-sky-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-sky-bg-hover: var(--color-sky-subtle-hover);
  /* deprecated: use --color-sky-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-sky-bg-pressed: var(--color-sky-subtle-pressed);
  /* deprecated: use --color-sky-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-sky-fg: var(--color-sky-text);
  /* deprecated: use --color-feedback-success-bg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-success-bg-hover: var(--color-feedback-success-bg-hover);
  /* deprecated: use --color-feedback-success-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  /* deprecated: use --color-feedback-success-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-warning-bg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  /* deprecated: use --color-feedback-warning-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  /* deprecated: use --color-feedback-warning-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-white-subtle (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-white-bg: var(--color-white-subtle);
  /* deprecated: use --color-white-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-white-bg-hover: var(--color-white-subtle-hover);
  /* deprecated: use --color-white-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-white-bg-pressed: var(--color-white-subtle-pressed);
  /* deprecated: use --color-white-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-subtle-white-fg: var(--color-white-text);
  /* deprecated: use --color-amber-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-amber-bg-hover: var(--color-amber-subtle-hover);
  /* deprecated: use --color-amber-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-amber-bg-pressed: var(--color-amber-subtle-pressed);
  /* deprecated: use --color-amber-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-amber-fg: var(--color-amber-text);
  /* deprecated: use --color-black-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-black-bg-hover: var(--color-black-subtle-hover);
  /* deprecated: use --color-black-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-black-bg-pressed: var(--color-black-subtle-pressed);
  /* deprecated: use --color-black-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-black-fg: var(--color-black-text);
  /* deprecated: use --color-brand-role-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-brand-bg-hover: var(--color-brand-role-subtle-hover);
  /* deprecated: use --color-brand-role-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  /* deprecated: use --color-brand-role-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-brand-fg: var(--color-brand-role-text);
  /* deprecated: use --color-brand-role-text-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-brand-fg-hover: var(--color-brand-role-text-hover);
  /* deprecated: use --color-brand-role-text-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-brand-fg-pressed: var(--color-brand-role-text-pressed);
  /* deprecated: use --color-feedback-danger-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  /* deprecated: use --color-feedback-danger-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  /* deprecated: use --color-feedback-danger-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-red-700 (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-danger-fg-hover: var(--color-red-700);
  /* deprecated: use --color-red-800 (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-danger-fg-pressed: var(--color-red-800);
  /* deprecated: use --color-emerald-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-emerald-bg-hover: var(--color-emerald-subtle-hover);
  /* deprecated: use --color-emerald-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-emerald-bg-pressed: var(--color-emerald-subtle-pressed);
  /* deprecated: use --color-emerald-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-emerald-fg: var(--color-emerald-text);
  /* deprecated: use --color-neutral-button-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-gray-bg-hover: var(--color-neutral-button-subtle-hover);
  /* deprecated: use --color-neutral-button-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-gray-bg-pressed: var(--color-neutral-button-subtle-pressed);
  /* deprecated: use --color-neutral-button-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-gray-fg: var(--color-neutral-button-text);
  /* deprecated: use --color-indigo-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-indigo-bg-hover: var(--color-indigo-subtle-hover);
  /* deprecated: use --color-indigo-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-indigo-bg-pressed: var(--color-indigo-subtle-pressed);
  /* deprecated: use --color-indigo-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-indigo-fg: var(--color-indigo-text);
  /* deprecated: use --color-feedback-info-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-info-bg-hover: var(--color-feedback-info-bg-hover);
  /* deprecated: use --color-feedback-info-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  /* deprecated: use --color-feedback-info-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-cyan-700 (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-info-fg-hover: var(--color-cyan-700);
  /* deprecated: use --color-cyan-800 (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-info-fg-pressed: var(--color-cyan-800);
  /* deprecated: use --color-plum-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-plum-bg-hover: var(--color-plum-subtle-hover);
  /* deprecated: use --color-plum-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-plum-bg-pressed: var(--color-plum-subtle-pressed);
  /* deprecated: use --color-plum-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-plum-fg: var(--color-plum-text);
  /* deprecated: use --color-rose-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-rose-bg-hover: var(--color-rose-subtle-hover);
  /* deprecated: use --color-rose-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-rose-bg-pressed: var(--color-rose-subtle-pressed);
  /* deprecated: use --color-rose-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-rose-fg: var(--color-rose-text);
  /* deprecated: use --color-sky-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-sky-bg-hover: var(--color-sky-subtle-hover);
  /* deprecated: use --color-sky-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-sky-bg-pressed: var(--color-sky-subtle-pressed);
  /* deprecated: use --color-sky-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-sky-fg: var(--color-sky-text);
  /* deprecated: use --color-feedback-success-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-success-bg-hover: var(--color-feedback-success-bg-hover);
  /* deprecated: use --color-feedback-success-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  /* deprecated: use --color-feedback-success-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-green-700 (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-success-fg-hover: var(--color-green-700);
  /* deprecated: use --color-green-800 (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-success-fg-pressed: var(--color-green-800);
  /* deprecated: use --color-feedback-warning-bg-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  /* deprecated: use --color-feedback-warning-bg-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  /* deprecated: use --color-feedback-warning-fg (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-orange-700 (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-warning-fg-hover: var(--color-orange-700);
  /* deprecated: use --color-orange-800 (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-warning-fg-pressed: var(--color-orange-800);
  /* deprecated: use --color-white-subtle-hover (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-white-bg-hover: var(--color-white-subtle-hover);
  /* deprecated: use --color-white-subtle-pressed (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-white-bg-pressed: var(--color-white-subtle-pressed);
  /* deprecated: use --color-white-text (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-button-text-white-fg: var(--color-white-text);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-coral-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-coral-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-coral-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-coral-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-coral-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-coral-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-coral-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-fg-icon-focus: var(--color-coral-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-coral-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-stroke-focus: var(--color-coral-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-coral-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-coral-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-coral-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-coral-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-coral-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-coral-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-coral-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-coral-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-coral-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-coral-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-coral-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-coral-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-coral-text-selected: var(--color-coral-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-coral-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-cyan-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-cyan-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-cyan-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-cyan-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-cyan-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-cyan-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-cyan-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-fg-icon-focus: var(--color-cyan-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-cyan-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-stroke-focus: var(--color-cyan-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-cyan-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-cyan-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-cyan-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-cyan-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-cyan-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-cyan-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-cyan-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-cyan-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-cyan-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-cyan-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-cyan-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-cyan-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-cyan-text-selected: var(--color-cyan-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-cyan-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-emerald-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-emerald-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-emerald-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-emerald-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-emerald-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-emerald-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-emerald-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-fg-icon-focus: var(--color-emerald-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-emerald-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-stroke-focus: var(--color-emerald-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-emerald-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-emerald-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-emerald-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-emerald-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-emerald-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-emerald-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-emerald-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-emerald-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-emerald-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-emerald-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-emerald-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-emerald-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-emerald-text-selected: var(--color-emerald-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-emerald-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-danger-bg-hover (legacy action state moved to canonical Feedback Background state) */
  --color-feedback-danger-action-hover: var(--color-feedback-danger-bg-hover);
  /* deprecated: use --color-feedback-danger-bg-pressed (legacy press moved to canonical Feedback Background Pressed) */
  --color-feedback-danger-action-press: var(--color-feedback-danger-bg-pressed);
  /* deprecated: use --color-feedback-danger-bg-pressed (legacy action state moved to canonical Feedback Background state) */
  --color-feedback-danger-action-pressed: var(--color-feedback-danger-bg-pressed);
  /* deprecated: use --color-feedback-danger-solid-hover (legacy action solid state moved to canonical Feedback Solid state) */
  --color-feedback-danger-action-solid-hover: var(--color-feedback-danger-solid-hover);
  /* deprecated: use --color-feedback-danger-solid-pressed (legacy solid press moved to canonical Feedback Solid Pressed) */
  --color-feedback-danger-action-solid-press: var(--color-feedback-danger-solid-pressed);
  /* deprecated: use --color-feedback-danger-solid-pressed (legacy action solid state moved to canonical Feedback Solid state) */
  --color-feedback-danger-action-solid-pressed: var(--color-feedback-danger-solid-pressed);
  /* deprecated: use --color-feedback-danger-solid (fill renamed to canonical Feedback Solid) */
  --color-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg-hover (legacy action state moved to canonical Feedback Background state) */
  --color-feedback-info-action-hover: var(--color-feedback-info-bg-hover);
  /* deprecated: use --color-feedback-info-bg-pressed (legacy press moved to canonical Feedback Background Pressed) */
  --color-feedback-info-action-press: var(--color-feedback-info-bg-pressed);
  /* deprecated: use --color-feedback-info-bg-pressed (legacy action state moved to canonical Feedback Background state) */
  --color-feedback-info-action-pressed: var(--color-feedback-info-bg-pressed);
  /* deprecated: use --color-feedback-info-solid-hover (legacy action solid state moved to canonical Feedback Solid state) */
  --color-feedback-info-action-solid-hover: var(--color-feedback-info-solid-hover);
  /* deprecated: use --color-feedback-info-solid-pressed (legacy solid press moved to canonical Feedback Solid Pressed) */
  --color-feedback-info-action-solid-press: var(--color-feedback-info-solid-pressed);
  /* deprecated: use --color-feedback-info-solid-pressed (legacy action solid state moved to canonical Feedback Solid state) */
  --color-feedback-info-action-solid-pressed: var(--color-feedback-info-solid-pressed);
  /* deprecated: use --color-feedback-info-solid (fill renamed to canonical Feedback Solid) */
  --color-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg-hover (legacy action state moved to canonical Feedback Background state) */
  --color-feedback-success-action-hover: var(--color-feedback-success-bg-hover);
  /* deprecated: use --color-feedback-success-bg-pressed (legacy press moved to canonical Feedback Background Pressed) */
  --color-feedback-success-action-press: var(--color-feedback-success-bg-pressed);
  /* deprecated: use --color-feedback-success-bg-pressed (legacy action state moved to canonical Feedback Background state) */
  --color-feedback-success-action-pressed: var(--color-feedback-success-bg-pressed);
  /* deprecated: use --color-feedback-success-solid-hover (legacy action solid state moved to canonical Feedback Solid state) */
  --color-feedback-success-action-solid-hover: var(--color-feedback-success-solid-hover);
  /* deprecated: use --color-feedback-success-solid-pressed (legacy solid press moved to canonical Feedback Solid Pressed) */
  --color-feedback-success-action-solid-press: var(--color-feedback-success-solid-pressed);
  /* deprecated: use --color-feedback-success-solid-pressed (legacy action solid state moved to canonical Feedback Solid state) */
  --color-feedback-success-action-solid-pressed: var(--color-feedback-success-solid-pressed);
  /* deprecated: use --color-feedback-success-solid (fill renamed to canonical Feedback Solid) */
  --color-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg-hover (legacy action state moved to canonical Feedback Background state) */
  --color-feedback-warning-action-hover: var(--color-feedback-warning-bg-hover);
  /* deprecated: use --color-feedback-warning-bg-pressed (legacy press moved to canonical Feedback Background Pressed) */
  --color-feedback-warning-action-press: var(--color-feedback-warning-bg-pressed);
  /* deprecated: use --color-feedback-warning-bg-pressed (legacy action state moved to canonical Feedback Background state) */
  --color-feedback-warning-action-pressed: var(--color-feedback-warning-bg-pressed);
  /* deprecated: use --color-feedback-warning-solid-hover (legacy action solid state moved to canonical Feedback Solid state) */
  --color-feedback-warning-action-solid-hover: var(--color-feedback-warning-solid-hover);
  /* deprecated: use --color-feedback-warning-solid-pressed (legacy solid press moved to canonical Feedback Solid Pressed) */
  --color-feedback-warning-action-solid-press: var(--color-feedback-warning-solid-pressed);
  /* deprecated: use --color-feedback-warning-solid-pressed (legacy action solid state moved to canonical Feedback Solid state) */
  --color-feedback-warning-action-solid-pressed: var(--color-feedback-warning-solid-pressed);
  /* deprecated: use --color-feedback-warning-solid (fill renamed to canonical Feedback Solid) */
  --color-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-brand-role-text (semantic collection removal: moved to brand/layout role) */
  --color-fg-brand: var(--color-brand-role-text);
  /* deprecated: use --color-brand-role-text-hover (semantic collection removal: moved to brand/layout role) */
  --color-fg-brand-hover: var(--color-brand-role-text-hover);
  /* deprecated: use --color-brand-role-text-on-solid (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-fg-brand-inverse: var(--color-brand-role-text-on-solid);
  /* deprecated: use --color-brand-role-text-pressed (semantic collection removal: moved to brand/layout role) */
  --color-fg-brand-selected: var(--color-brand-role-text-pressed);
  /* deprecated: use --color-feedback-danger-fg (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-info-fg (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-on-solid-muted (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-fg-inverse-muted: var(--color-layout-text-on-solid-muted);
  /* deprecated: use --color-layout-text-title (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-fg-neutral: var(--color-layout-text-title);
  /* deprecated: use --color-layout-text-body (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-fg-neutral-muted: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-fg-neutral-subtle: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-on-solid (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-fg-on-solid: var(--color-layout-text-on-solid);
  /* deprecated: use --color-feedback-success-fg (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-warning-fg (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-green-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-green-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-green-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-green-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-green-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-green-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-green-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-fg-icon-focus: var(--color-green-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-green-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-stroke-focus: var(--color-green-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-green-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-green-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-green-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-green-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-green-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-green-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-green-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-green-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-green-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-green-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-green-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-green-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-green-text-selected: var(--color-green-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-green-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-indigo-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-indigo-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-indigo-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-indigo-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-indigo-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-indigo-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-indigo-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-fg-icon-focus: var(--color-indigo-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-indigo-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-stroke-focus: var(--color-indigo-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-indigo-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-indigo-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-indigo-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-indigo-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-indigo-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-indigo-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-indigo-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-indigo-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-indigo-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-indigo-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-indigo-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-indigo-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-indigo-text-selected: var(--color-indigo-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-indigo-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-brand-role-input-fg-icon-focus (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-input-fg-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  /* deprecated: use --color-brand-role-input-bg-default (semantic collection removal: internal input wrapper moved to brand input role) */
  --color-input-field-default: var(--color-brand-role-input-bg-default);
  /* deprecated: use --color-brand-role-input-bg-disabled (semantic collection removal: internal input wrapper moved to brand input role) */
  --color-input-field-disabled: var(--color-brand-role-input-bg-disabled);
  /* deprecated: use --color-brand-role-input-bg-focus (semantic collection removal: internal input wrapper moved to brand input role) */
  --color-input-field-focus: var(--color-brand-role-input-bg-focus);
  /* deprecated: use --color-brand-role-input-bg-hover (semantic collection removal: internal input wrapper moved to brand input role) */
  --color-input-field-hover: var(--color-brand-role-input-bg-hover);
  /* deprecated: use --color-brand-role-input-bg-user-dark (semantic collection removal: internal input wrapper moved to brand input role) */
  --color-input-field-user-dark: var(--color-brand-role-input-bg-user-dark);
  /* deprecated: use --color-brand-role-input-bg-user-light (semantic collection removal: internal input wrapper moved to brand input role) */
  --color-input-field-user-light: var(--color-brand-role-input-bg-user-light);
  /* deprecated: use --color-brand-role-input-glow-focus (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-input-glow-focus: var(--color-brand-role-input-glow-focus);
  /* deprecated: use --color-brand-role-input-fg-icon-action (semantic collection removal: internal input wrapper moved to brand input role) */
  --color-input-icon-action: var(--color-brand-role-input-fg-icon-action);
  /* deprecated: use --color-brand-role-input-fg-icon-default (semantic collection removal: internal input wrapper moved to brand input role) */
  --color-input-icon-default: var(--color-brand-role-input-fg-icon-default);
  /* deprecated: use --color-brand-role-input-fg-icon-focus (semantic collection removal: internal input wrapper moved to brand input role) */
  --color-input-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  /* deprecated: use --color-brand-role-input-stroke-disabled (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-input-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  /* deprecated: use --color-brand-role-input-stroke-focus (semantic collection removal: component API preserved as alias to brand/color/layout role) */
  --color-input-stroke-focus: var(--color-brand-role-input-stroke-focus);
  /* deprecated: use --color-brand-role-input-fg-helper (semantic collection removal: internal input wrapper moved to brand input role) */
  --color-input-text-helper: var(--color-brand-role-input-fg-helper);
  /* deprecated: use --color-brand-role-input-fg-placeholder (semantic collection removal: internal input wrapper moved to brand input role) */
  --color-input-text-placeholder: var(--color-brand-role-input-fg-placeholder);
  /* deprecated: use --color-brand-role-input-fg-required (semantic collection removal: internal input wrapper moved to brand input role) */
  --color-input-text-required: var(--color-brand-role-input-fg-required);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lavender-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lavender-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lavender-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lavender-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lavender-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lavender-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-lavender-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-fg-icon-focus: var(--color-lavender-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-lavender-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-stroke-focus: var(--color-lavender-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lavender-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lavender-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lavender-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lavender-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lavender-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lavender-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lavender-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-lavender-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-lavender-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-lavender-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-lavender-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-lavender-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-lavender-text-selected: var(--color-lavender-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-lavender-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-layout-bg-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-layout-bg-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-layout-bg-panel: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-layout-text-title (2026 Layout Font hierarchy canonicalization) */
  --color-layout-text-default: var(--color-layout-text-title);
  /* deprecated: use --color-layout-text-body (2026 Layout Font hierarchy canonicalization) */
  --color-layout-text-muted: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (2026 Layout Font hierarchy canonicalization) */
  --color-layout-text-subtle: var(--color-layout-text-caption);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lime-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lime-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lime-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lime-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lime-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-lime-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-lime-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-fg-icon-focus: var(--color-lime-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-lime-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-stroke-focus: var(--color-lime-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-lime-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lime-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lime-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lime-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lime-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lime-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-lime-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-lime-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-lime-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-lime-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-lime-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-lime-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-lime-text-selected: var(--color-lime-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-lime-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-mustard-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-mustard-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-mustard-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-mustard-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-mustard-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-mustard-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-mustard-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-fg-icon-focus: var(--color-mustard-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-mustard-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-stroke-focus: var(--color-mustard-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-mustard-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-mustard-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-mustard-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-mustard-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-mustard-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-mustard-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-mustard-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-mustard-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-mustard-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-mustard-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-mustard-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-mustard-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-mustard-text-selected: var(--color-mustard-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-mustard-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-navy-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-navy-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-navy-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-navy-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-navy-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-navy-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-navy-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-fg-icon-focus: var(--color-navy-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-navy-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-stroke-focus: var(--color-navy-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-navy-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-navy-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-navy-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-navy-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-navy-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-navy-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-navy-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-navy-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-navy-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-navy-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-navy-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-navy-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-navy-text-selected: var(--color-navy-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-navy-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-olive-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-olive-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-olive-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-olive-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-olive-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-olive-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-olive-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-fg-icon-focus: var(--color-olive-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-olive-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-stroke-focus: var(--color-olive-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-olive-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-olive-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-olive-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-olive-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-olive-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-olive-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-olive-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-olive-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-olive-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-olive-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-olive-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-olive-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-olive-text-selected: var(--color-olive-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-olive-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-orange-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-orange-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-orange-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-orange-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-orange-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-orange-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-orange-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-fg-icon-focus: var(--color-orange-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-orange-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-stroke-focus: var(--color-orange-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-orange-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-orange-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-orange-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-orange-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-orange-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-orange-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-orange-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-orange-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-orange-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-orange-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-orange-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-orange-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-orange-text-selected: var(--color-orange-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-orange-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-relief-raised-medium (overlay -> relief) */
  --color-overlay-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (overlay -> relief) */
  --color-overlay-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (overlay -> relief) */
  --color-overlay-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (overlay -> relief) */
  --color-overlay-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (overlay -> relief) */
  --color-overlay-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (overlay -> relief) */
  --color-overlay-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-plum-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-plum-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-plum-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-plum-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-plum-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-plum-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-plum-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-fg-icon-focus: var(--color-plum-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-plum-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-stroke-focus: var(--color-plum-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-plum-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-plum-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-plum-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-plum-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-plum-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-plum-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-plum-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-plum-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-plum-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-plum-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-plum-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-plum-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-plum-text-selected: var(--color-plum-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-plum-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-purple-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-purple-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-purple-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-purple-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-purple-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-purple-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-purple-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-fg-icon-focus: var(--color-purple-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-purple-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-stroke-focus: var(--color-purple-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-purple-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-purple-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-purple-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-purple-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-purple-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-purple-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-purple-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-purple-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-purple-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-purple-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-purple-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-purple-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-purple-text-selected: var(--color-purple-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-purple-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-red-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-red-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-red-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-red-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-red-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-red-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-red-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-fg-icon-focus: var(--color-red-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-red-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-stroke-focus: var(--color-red-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-red-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-red-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-red-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-red-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-red-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-red-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-red-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-red-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-red-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-red-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-red-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-red-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-red-text-selected: var(--color-red-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-red-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-rose-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-rose-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-rose-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-rose-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-rose-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-rose-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-rose-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-fg-icon-focus: var(--color-rose-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-rose-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-stroke-focus: var(--color-rose-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-rose-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-rose-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-rose-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-rose-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-rose-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-rose-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-rose-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-rose-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-rose-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-rose-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-rose-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-rose-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-rose-text-selected: var(--color-rose-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-rose-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-brand-accessible-solid-default (Figma wrapper deleted after consumer rebind; public API retained as compatibility alias) */
  --color-selection-bg-selected: var(--color-brand-accessible-solid-default);
  /* deprecated: use --color-brand-accessible-solid-hover (Figma wrapper deleted after consumer rebind; public API retained as compatibility alias) */
  --color-selection-bg-selected-hover: var(--color-brand-accessible-solid-hover);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-sky-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-sky-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-sky-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-sky-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-sky-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-sky-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-sky-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-fg-icon-focus: var(--color-sky-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-sky-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-stroke-focus: var(--color-sky-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-sky-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-sky-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-sky-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-sky-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-sky-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-sky-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-sky-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-sky-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-sky-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-sky-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-sky-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-sky-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-sky-text-selected: var(--color-sky-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-sky-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-brand-role-subtle-hover (state -> bg final fill) */
  --color-state-brand-hover: var(--color-brand-role-subtle-hover);
  /* deprecated: use --color-brand-a10 (state -> bg final fill) */
  --color-state-brand-selected: var(--color-brand-a10);
  /* deprecated: use --color-brand-a15 (state -> bg final fill) */
  --color-state-brand-selected-hover: var(--color-brand-a15);
  /* deprecated: use --color-layout-bg-sunken (state -> bg final fill) */
  --color-state-neutral-hover: var(--color-layout-bg-sunken);
  /* deprecated: use --color-neutral-button-subtle-pressed (legacy neutral pressed state flattened to the retained neutral subtle pressed role) */
  --color-state-neutral-pressed: var(--color-neutral-button-subtle-pressed);
  /* deprecated: use --color-brand-accessible-solid-default (semantic collection removal: moved to brand/layout role) */
  --color-stroke-brand: var(--color-brand-accessible-solid-default);
  /* deprecated: use --color-feedback-danger-border (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-stroke-danger: var(--color-feedback-danger-border);
  /* deprecated: use --color-brand-role-input-stroke-focus (semantic collection removal: moved to brand/layout role) */
  --color-stroke-focus-ring: var(--color-brand-role-input-stroke-focus);
  /* deprecated: use --color-feedback-info-border (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-stroke-info: var(--color-feedback-info-border);
  /* deprecated: use --color-layout-stroke-default (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-stroke-neutral: var(--color-layout-stroke-default);
  /* deprecated: use --color-layout-stroke-strong (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-stroke-neutral-strong: var(--color-layout-stroke-strong);
  /* deprecated: use --color-layout-stroke-subtle (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-stroke-neutral-subtle: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-feedback-success-border (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-stroke-success: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-warning-border (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-stroke-warning: var(--color-feedback-warning-border);
  /* deprecated: use --color-elevation-gray-page (semantic collection removal: moved to brand/layout role) */
  --color-surface-default: var(--color-elevation-gray-page);
  /* deprecated: use --color-elevation-gray-layer-3 (semantic collection removal: moved to brand/layout role) */
  --color-surface-panel: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-2 (semantic collection removal: moved to brand/layout role) */
  --color-surface-raised: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-layout-bg-sunken (semantic collection removal: moved to brand/layout role) */
  --color-surface-sunken: var(--color-layout-bg-sunken);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-teal-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-teal-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-teal-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-teal-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-teal-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-teal-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-teal-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-fg-icon-focus: var(--color-teal-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-teal-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-stroke-focus: var(--color-teal-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-teal-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-teal-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-teal-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-teal-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-teal-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-teal-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-teal-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-teal-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-teal-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-teal-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-teal-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-teal-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-teal-text-selected: var(--color-teal-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-teal-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-brand-role-text (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-text-brand: var(--color-brand-role-text);
  /* deprecated: use --color-brand-role-text-pressed (active -> selected) */
  --color-text-brand-active: var(--color-brand-role-text-pressed);
  /* deprecated: use --color-brand-role-text-hover (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-text-brand-hover: var(--color-brand-role-text-hover);
  /* deprecated: use --color-brand-role-text-on-solid (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-text-brand-inverse: var(--color-brand-role-text-on-solid);
  /* deprecated: use --color-brand-role-text-pressed (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-text-brand-selected: var(--color-brand-role-text-pressed);
  /* deprecated: use --color-gray-400 (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-text-disabled: var(--color-gray-400);
  /* deprecated: use --color-layout-text-body (semantic collection removal: moved to brand/layout role) */
  --color-text-gray-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (semantic collection removal: moved to brand/layout role) */
  --color-text-gray-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-gray-400 (semantic collection removal: wrapper moved to brand/layout/color role) */
  --color-text-gray-disabled: var(--color-gray-400);
  /* deprecated: use --color-layout-text-title (semantic collection removal: moved to brand/layout role) */
  --color-text-gray-title: var(--color-layout-text-title);
  /* deprecated: use --color-layout-text-on-solid (semantic collection removal: moved to brand/layout role) */
  --color-text-on-accent: var(--color-layout-text-on-solid);
  /* deprecated: use --color-layout-text-title (semantic collection removal: moved to brand/layout role) */
  --color-text-primary: var(--color-layout-text-title);
  /* deprecated: use --color-layout-text-body (semantic collection removal: moved to brand/layout role) */
  --color-text-secondary: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-on-solid-muted (semantic collection removal: moved to brand/layout role) */
  --color-text-secondary-inverse: var(--color-layout-text-on-solid-muted);
  /* deprecated: use --color-layout-text-caption (semantic collection removal: moved to brand/layout role) */
  --color-text-tertiary: var(--color-layout-text-caption);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-white-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-white-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-white-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-white-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-white-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-white-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-white-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-fg-icon-focus: var(--color-white-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-white-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-stroke-focus: var(--color-white-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-white-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-white-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-white-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-white-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-white-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-white-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-white-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-white-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-white-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-white-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-white-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-white-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-white-text-selected: var(--color-white-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-white-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-wine-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-wine-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-wine-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-wine-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-wine-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-wine-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-wine-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-fg-icon-focus: var(--color-wine-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-wine-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-stroke-focus: var(--color-wine-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-wine-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-wine-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-wine-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-wine-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-wine-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-wine-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-wine-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-wine-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-wine-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-wine-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-wine-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-wine-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-wine-text-selected: var(--color-wine-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-wine-text-title: var(--color-layout-text-title);
  /* deprecated: use --color-elevation-gray-layer-2 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-yellow-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  /* deprecated: use --color-elevation-gray-layer-3 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-yellow-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  /* deprecated: use --color-elevation-gray-layer-4 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-yellow-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  /* deprecated: use --color-elevation-gray-layer-5 (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-yellow-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  /* deprecated: use --color-elevation-gray-page (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-yellow-bg-gray-page: var(--color-elevation-gray-page);
  /* deprecated: use --color-feedback-danger-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-danger-bg: var(--color-feedback-danger-bg);
  /* deprecated: use --color-feedback-danger-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-danger-border: var(--color-feedback-danger-border);
  /* deprecated: use --color-feedback-danger-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-danger-fg: var(--color-feedback-danger-fg);
  /* deprecated: use --color-feedback-danger-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-danger-fill: var(--color-feedback-danger-solid);
  /* deprecated: use --color-feedback-info-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-info-bg: var(--color-feedback-info-bg);
  /* deprecated: use --color-feedback-info-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-info-border: var(--color-feedback-info-border);
  /* deprecated: use --color-feedback-info-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-info-fg: var(--color-feedback-info-fg);
  /* deprecated: use --color-feedback-info-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-info-fill: var(--color-feedback-info-solid);
  /* deprecated: use --color-feedback-success-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-success-bg: var(--color-feedback-success-bg);
  /* deprecated: use --color-feedback-success-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-success-border: var(--color-feedback-success-border);
  /* deprecated: use --color-feedback-success-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-success-fg: var(--color-feedback-success-fg);
  /* deprecated: use --color-feedback-success-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-success-fill: var(--color-feedback-success-solid);
  /* deprecated: use --color-feedback-warning-bg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-warning-bg: var(--color-feedback-warning-bg);
  /* deprecated: use --color-feedback-warning-border (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-warning-border: var(--color-feedback-warning-border);
  /* deprecated: use --color-feedback-warning-fg (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-warning-fg: var(--color-feedback-warning-fg);
  /* deprecated: use --color-feedback-warning-solid (per-color Feedback duplicate consolidated into common Layout Feedback) */
  --color-yellow-feedback-warning-fill: var(--color-feedback-warning-solid);
  /* deprecated: use --color-input-bg-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-bg-default: var(--color-input-bg-default);
  /* deprecated: use --color-input-bg-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-bg-disabled: var(--color-input-bg-disabled);
  /* deprecated: use --color-input-bg-focus (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-bg-focus: var(--color-input-bg-focus);
  /* deprecated: use --color-input-bg-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-bg-hover: var(--color-input-bg-hover);
  /* deprecated: use --color-input-bg-user-dark (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-bg-user-dark: var(--color-input-bg-user-dark);
  /* deprecated: use --color-input-bg-user-light (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-bg-user-light: var(--color-input-bg-user-light);
  /* deprecated: use --color-feedback-danger-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-fg-danger: var(--color-feedback-danger-fg);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-fg-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-input-fg-helper (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-fg-helper: var(--color-input-fg-helper);
  /* deprecated: use --color-input-fg-icon-action (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-fg-icon-action: var(--color-input-fg-icon-action);
  /* deprecated: use --color-input-fg-icon-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-fg-icon-default: var(--color-input-fg-icon-default);
  /* deprecated: use --color-layout-text-disabled (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-fg-icon-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-yellow-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-fg-icon-focus: var(--color-yellow-text);
  /* deprecated: use --color-feedback-info-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-fg-info: var(--color-feedback-info-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-fg-label: var(--color-layout-text-title);
  /* deprecated: use --color-input-fg-placeholder (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-fg-placeholder: var(--color-input-fg-placeholder);
  /* deprecated: use --color-input-fg-required (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-fg-required: var(--color-input-fg-required);
  /* deprecated: use --color-feedback-success-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-fg-success: var(--color-feedback-success-fg);
  /* deprecated: use --color-layout-text-title (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-fg-value: var(--color-layout-text-title);
  /* deprecated: use --color-feedback-warning-fg (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-fg-warning: var(--color-feedback-warning-fg);
  /* deprecated: use --color-input-glow-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-glow-danger: var(--color-input-glow-danger);
  /* deprecated: use --color-input-glow-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-glow-info: var(--color-input-glow-info);
  /* deprecated: use --color-input-glow-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-glow-success: var(--color-input-glow-success);
  /* deprecated: use --color-input-glow-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-glow-warning: var(--color-input-glow-warning);
  /* deprecated: use --color-input-stroke-danger (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-stroke-danger: var(--color-input-stroke-danger);
  /* deprecated: use --color-input-stroke-default (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-stroke-default: var(--color-input-stroke-default);
  /* deprecated: use --color-layout-stroke-subtle (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-stroke-disabled: var(--color-layout-stroke-subtle);
  /* deprecated: use --color-yellow-text (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-stroke-focus: var(--color-yellow-text);
  /* deprecated: use --color-input-stroke-hover (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-stroke-hover: var(--color-input-stroke-hover);
  /* deprecated: use --color-input-stroke-info (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-stroke-info: var(--color-input-stroke-info);
  /* deprecated: use --color-input-stroke-success (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-stroke-success: var(--color-input-stroke-success);
  /* deprecated: use --color-input-stroke-warning (per-color Input duplicate consolidated into common Input, shared semantic, or retained hue focus role) */
  --color-yellow-input-stroke-warning: var(--color-input-stroke-warning);
  /* deprecated: use --color-relief-raised-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-yellow-relief-raised-medium: var(--color-relief-raised-medium);
  /* deprecated: use --color-relief-raised-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-yellow-relief-raised-strong: var(--color-relief-raised-strong);
  /* deprecated: use --color-relief-raised-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-yellow-relief-raised-weak: var(--color-relief-raised-weak);
  /* deprecated: use --color-relief-sunken-medium (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-yellow-relief-sunken-medium: var(--color-relief-sunken-medium);
  /* deprecated: use --color-relief-sunken-strong (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-yellow-relief-sunken-strong: var(--color-relief-sunken-strong);
  /* deprecated: use --color-relief-sunken-weak (deleted duplicate flattened to the canonical Layout/Elevation/Relief role) */
  --color-yellow-relief-sunken-weak: var(--color-relief-sunken-weak);
  /* deprecated: use --color-layout-text-body (per-color text hierarchy consolidated into Layout text roles) */
  --color-yellow-text-body: var(--color-layout-text-body);
  /* deprecated: use --color-layout-text-caption (per-color text hierarchy consolidated into Layout text roles) */
  --color-yellow-text-caption: var(--color-layout-text-caption);
  /* deprecated: use --color-layout-text-caption-light (per-color Caption Light flattened to the canonical Layout Caption Light role) */
  --color-yellow-text-caption-light: var(--color-layout-text-caption-light);
  /* deprecated: use --color-layout-text-disabled (per-color text hierarchy consolidated into Layout text roles) */
  --color-yellow-text-disabled: var(--color-layout-text-disabled);
  /* deprecated: use --color-yellow-text-pressed (Figma interaction state renamed from Selected to Pressed; legacy public API retained) */
  --color-yellow-text-selected: var(--color-yellow-text-pressed);
  /* deprecated: use --color-layout-text-title (per-color text hierarchy consolidated into Layout text roles) */
  --color-yellow-text-title: var(--color-layout-text-title);
  /* deprecated: use --responsive-spacing-12 (layout spacing moved into responsive layout number group) */
  --spacing-12: var(--responsive-spacing-12);
  /* deprecated: use --responsive-spacing-16 (layout spacing moved into responsive layout number group) */
  --spacing-16: var(--responsive-spacing-16);
  /* deprecated: use --responsive-spacing-24 (layout spacing moved into responsive layout number group) */
  --spacing-24: var(--responsive-spacing-24);
  /* deprecated: use --responsive-spacing-32 (layout spacing moved into responsive layout number group) */
  --spacing-32: var(--responsive-spacing-32);
  /* deprecated: use --responsive-spacing-4 (layout spacing moved into responsive layout number group) */
  --spacing-4: var(--responsive-spacing-4);
  /* deprecated: use --responsive-spacing-40 (layout spacing moved into responsive layout number group) */
  --spacing-40: var(--responsive-spacing-40);
  /* deprecated: use --responsive-spacing-48 (layout spacing moved into responsive layout number group) */
  --spacing-48: var(--responsive-spacing-48);
  /* deprecated: use --responsive-spacing-64 (layout spacing moved into responsive layout number group) */
  --spacing-64: var(--responsive-spacing-64);
  /* deprecated: use --responsive-spacing-8 (layout spacing moved into responsive layout number group) */
  --spacing-8: var(--responsive-spacing-8);
  /* deprecated: use --responsive-spacing-80 (layout spacing moved into responsive layout number group) */
  --spacing-80: var(--responsive-spacing-80);
  /* deprecated: use --responsive-spacing-96 (layout spacing moved into responsive layout number group) */
  --spacing-96: var(--responsive-spacing-96);
}


[data-theme="light"] {
  --color-amber-5: #fffaf6;
  --color-amber-10: #fffbf7;
  --color-amber-15: #fff7f1;
  --color-amber-25: #fff6ef;
  --color-amber-50: #fff3ea;
  --color-amber-75: #ffeee0;
  --color-amber-100: #ffe7d5;
  --color-amber-125: #ffe2cc;
  --color-amber-150: #ffdcc2;
  --color-amber-200: #ffd2af;
  --color-amber-250: #ffc69a;
  --color-amber-300: #ffba82;
  --color-amber-350: #ffac66;
  --color-amber-400: #ff9d43;
  --color-amber-450: #f9912a;
  --color-amber-500: #f0870f;
  --color-amber-550: #da7800;
  --color-amber-600: #c16a00;
  --color-amber-650: #a65a00;
  --color-amber-700: #8b4a00;
  --color-amber-750: #713b00;
  --color-amber-800: #572b00;
  --color-amber-850: #3e1c00;
  --color-amber-900: #260d00;
  --color-amber-950: #100100;
  --color-amber-a00: rgb(240 135 15 / 0);
  --color-amber-a02: rgb(240 135 15 / 0.02);
  --color-amber-a05: rgb(240 135 15 / 0.05);
  --color-amber-a07: rgb(240 135 15 / 0.07);
  --color-amber-a10: rgb(240 135 15 / 0.1);
  --color-amber-a12: rgb(240 135 15 / 0.12);
  --color-amber-a15: rgb(240 135 15 / 0.15);
  --color-amber-a20: rgb(240 135 15 / 0.2);
  --color-amber-a25: rgb(240 135 15 / 0.25);
  --color-amber-a30: rgb(240 135 15 / 0.3);
  --color-amber-a35: rgb(240 135 15 / 0.35);
  --color-amber-a40: rgb(240 135 15 / 0.4);
  --color-amber-a45: rgb(240 135 15 / 0.45);
  --color-amber-a50: rgb(240 135 15 / 0.5);
  --color-amber-base-default: var(--color-amber-500);
  --color-amber-base-hover: var(--color-amber-600);
  --color-amber-base-pressed: var(--color-amber-700);
  --color-amber-bg-layer-2: var(--color-amber-25);
  --color-amber-bg-layer-3: var(--color-amber-50);
  --color-amber-bg-layer-4: var(--color-amber-75);
  --color-amber-bg-layer-5: var(--color-amber-100);
  --color-amber-bg-page: var(--color-amber-10);
  --color-amber-fill: var(--color-amber-650);
  --color-amber-fill-hover: var(--color-amber-750);
  --color-amber-fill-pressed: var(--color-amber-850);
  --color-amber-input-glow-focus: var(--color-amber-a20);
  --color-amber-subtle: var(--color-amber-a07);
  --color-amber-subtle-hover: var(--color-amber-a10);
  --color-amber-subtle-medium: var(--color-amber-a20);
  --color-amber-subtle-pressed: var(--color-amber-a15);
  --color-amber-subtle-regular: var(--color-amber-a10);
  --color-amber-subtle-strong: var(--color-amber-a35);
  --color-amber-subtle-weak: var(--color-amber-a05);
  --color-amber-text: var(--color-amber-650);
  --color-amber-text-hover: var(--color-amber-750);
  --color-amber-text-on-solid: var(--color-white-base);
  --color-amber-text-pressed: var(--color-amber-850);
  --color-azure-5: #f7fbfd;
  --color-azure-10: #f7fbff;
  --color-azure-15: #f2f8fe;
  --color-azure-25: #eef7fe;
  --color-azure-50: #e8f4fd;
  --color-azure-75: #dceefd;
  --color-azure-100: #cfe8fb;
  --color-azure-125: #c3e2fa;
  --color-azure-150: #b8ddf8;
  --color-azure-200: #a2d2f5;
  --color-azure-250: #8cc6f0;
  --color-azure-300: #76bae9;
  --color-azure-350: #60acdf;
  --color-azure-400: #4b9ed4;
  --color-azure-450: #3590c8;
  --color-azure-500: #1f82bb;
  --color-azure-550: #0875ac;
  --color-azure-600: #00679a;
  --color-azure-650: #005885;
  --color-azure-700: #00496f;
  --color-azure-750: #003a5a;
  --color-azure-800: #002b45;
  --color-azure-850: #001d32;
  --color-azure-900: #000f1f;
  --color-azure-950: #00030c;
  --color-azure-a00: rgb(31 130 187 / 0);
  --color-azure-a02: rgb(31 130 187 / 0.02);
  --color-azure-a05: rgb(31 130 187 / 0.05);
  --color-azure-a07: rgb(31 130 187 / 0.07);
  --color-azure-a10: rgb(31 130 187 / 0.1);
  --color-azure-a12: rgb(31 130 187 / 0.12);
  --color-azure-a15: rgb(31 130 187 / 0.15);
  --color-azure-a20: rgb(31 130 187 / 0.2);
  --color-azure-a25: rgb(31 130 187 / 0.25);
  --color-azure-a30: rgb(31 130 187 / 0.3);
  --color-azure-a35: rgb(31 130 187 / 0.35);
  --color-azure-a40: rgb(31 130 187 / 0.4);
  --color-azure-a45: rgb(31 130 187 / 0.45);
  --color-azure-a50: rgb(31 130 187 / 0.5);
  --color-azure-base-default: var(--color-azure-500);
  --color-azure-base-hover: var(--color-azure-600);
  --color-azure-base-pressed: var(--color-azure-700);
  --color-azure-bg-layer-2: var(--color-azure-25);
  --color-azure-bg-layer-3: var(--color-azure-50);
  --color-azure-bg-layer-4: var(--color-azure-75);
  --color-azure-bg-layer-5: var(--color-azure-100);
  --color-azure-bg-page: var(--color-azure-10);
  --color-azure-fill: var(--color-azure-550);
  --color-azure-fill-hover: var(--color-azure-650);
  --color-azure-fill-pressed: var(--color-azure-750);
  --color-azure-input-glow-focus: var(--color-azure-a20);
  --color-azure-subtle: var(--color-azure-a07);
  --color-azure-subtle-hover: var(--color-azure-a10);
  --color-azure-subtle-medium: var(--color-azure-a20);
  --color-azure-subtle-pressed: var(--color-azure-a15);
  --color-azure-subtle-regular: var(--color-azure-a10);
  --color-azure-subtle-strong: var(--color-azure-a35);
  --color-azure-subtle-weak: var(--color-azure-a05);
  --color-azure-text: var(--color-azure-600);
  --color-azure-text-hover: var(--color-azure-700);
  --color-azure-text-on-solid: var(--color-white-base);
  --color-azure-text-pressed: var(--color-azure-800);
  --color-black-a00: rgb(0 0 0 / 0);
  --color-black-a02: rgb(0 0 0 / 0.02);
  --color-black-a03: rgb(0 0 0 / 0.03);
  --color-black-a05: rgb(0 0 0 / 0.05);
  --color-black-a07: rgb(0 0 0 / 0.07);
  --color-black-a10: rgb(0 0 0 / 0.1);
  --color-black-a12: rgb(0 0 0 / 0.12);
  --color-black-a15: rgb(0 0 0 / 0.15);
  --color-black-a20: rgb(0 0 0 / 0.2);
  --color-black-a25: rgb(0 0 0 / 0.25);
  --color-black-a30: rgb(0 0 0 / 0.3);
  --color-black-a35: rgb(0 0 0 / 0.35);
  --color-black-a40: rgb(0 0 0 / 0.4);
  --color-black-a45: rgb(0 0 0 / 0.45);
  --color-black-a50: rgb(0 0 0 / 0.5);
  --color-black-a70: rgb(0 0 0 / 0.7);
  --color-black-base: #000000;
  --color-black-bg-layer-2: var(--color-gray-25);
  --color-black-bg-layer-3: var(--color-gray-50);
  --color-black-bg-layer-4: var(--color-gray-75);
  --color-black-bg-layer-5: var(--color-gray-100);
  --color-black-bg-page: var(--color-gray-5);
  --color-black-fill: var(--color-gray-950);
  --color-black-fill-hover: var(--color-gray-800);
  --color-black-fill-pressed: var(--color-gray-700);
  --color-black-input-glow-focus: var(--color-black-a20);
  --color-black-subtle: var(--color-black-a10);
  --color-black-subtle-hover: var(--color-black-a15);
  --color-black-subtle-pressed: var(--color-black-a20);
  --color-black-text: var(--color-gray-950);
  --color-black-text-hover: var(--color-gray-900);
  --color-black-text-on-solid: var(--color-white-base);
  --color-black-text-pressed: var(--color-gray-850);
  --color-blue-5: #f7fafe;
  --color-blue-10: #f5faff;
  --color-blue-15: #f0f7ff;
  --color-blue-25: #ecf5ff;
  --color-blue-50: #e5f2ff;
  --color-blue-75: #d9ecff;
  --color-blue-100: #cce5ff;
  --color-blue-125: #bfdeff;
  --color-blue-150: #b2d7ff;
  --color-blue-200: #99caff;
  --color-blue-250: #80bdff;
  --color-blue-300: #66b0ff;
  --color-blue-350: #4da3ff;
  --color-blue-400: #3396ff;
  --color-blue-450: #2288ff;
  --color-blue-500: #007aff;
  --color-blue-550: #006fe7;
  --color-blue-600: #0063cc;
  --color-blue-650: #0057b3;
  --color-blue-700: #004a99;
  --color-blue-750: #003d7e;
  --color-blue-800: #003166;
  --color-blue-850: #002853;
  --color-blue-900: #001f40;
  --color-blue-950: #001226;
  --color-blue-a00: rgb(0 122 255 / 0);
  --color-blue-a02: rgb(0 122 255 / 0.02);
  --color-blue-a05: rgb(0 122 255 / 0.05);
  --color-blue-a07: rgb(0 122 255 / 0.07);
  --color-blue-a10: rgb(0 122 255 / 0.1);
  --color-blue-a12: rgb(0 122 255 / 0.12);
  --color-blue-a15: rgb(0 122 255 / 0.15);
  --color-blue-a20: rgb(0 122 255 / 0.2);
  --color-blue-a25: rgb(0 122 255 / 0.25);
  --color-blue-a30: rgb(0 122 255 / 0.3);
  --color-blue-a35: rgb(0 122 255 / 0.35);
  --color-blue-a40: rgb(0 122 255 / 0.4);
  --color-blue-a45: rgb(0 122 255 / 0.45);
  --color-blue-a50: rgb(0 122 255 / 0.5);
  --color-blue-base-default: var(--color-blue-500);
  --color-blue-base-hover: var(--color-blue-600);
  --color-blue-base-pressed: var(--color-blue-700);
  --color-blue-bg-layer-2: var(--color-blue-25);
  --color-blue-bg-layer-3: var(--color-blue-50);
  --color-blue-bg-layer-4: var(--color-blue-75);
  --color-blue-bg-layer-5: var(--color-blue-100);
  --color-blue-bg-page: var(--color-blue-10);
  --color-blue-fill: var(--color-blue-550);
  --color-blue-fill-hover: var(--color-blue-650);
  --color-blue-fill-pressed: var(--color-blue-750);
  --color-blue-input-glow-focus: var(--color-blue-a20);
  --color-blue-subtle: var(--color-blue-a07);
  --color-blue-subtle-hover: var(--color-blue-a10);
  --color-blue-subtle-medium: var(--color-blue-a20);
  --color-blue-subtle-pressed: var(--color-blue-a15);
  --color-blue-subtle-regular: var(--color-blue-a10);
  --color-blue-subtle-strong: var(--color-blue-a35);
  --color-blue-subtle-weak: var(--color-blue-a05);
  --color-blue-text: var(--color-blue-600);
  --color-blue-text-hover: var(--color-blue-700);
  --color-blue-text-on-solid: var(--color-white-base);
  --color-blue-text-pressed: var(--color-blue-800);
  --color-button-fill-black-fg: var(--color-black-text-on-solid);
  --color-button-outline-black-fg: var(--color-black-text);
  --color-coral-5: #fef9f8;
  --color-coral-10: #fff8f7;
  --color-coral-15: #fef5f3;
  --color-coral-25: #fef2f0;
  --color-coral-50: #feeeeb;
  --color-coral-75: #fde5e1;
  --color-coral-100: #fcdcd6;
  --color-coral-125: #fbd3cc;
  --color-coral-150: #f9cbc2;
  --color-coral-200: #f5bbb1;
  --color-coral-250: #f0aa9e;
  --color-coral-300: #e89a8c;
  --color-coral-350: #de897b;
  --color-coral-400: #d1796a;
  --color-coral-450: #c5695b;
  --color-coral-500: #b75b4d;
  --color-coral-550: #a84f41;
  --color-coral-600: #984236;
  --color-coral-650: #84372c;
  --color-coral-700: #6e2c23;
  --color-coral-750: #5a2119;
  --color-coral-800: #461610;
  --color-coral-850: #320c07;
  --color-coral-900: #1e0402;
  --color-coral-950: #0b0000;
  --color-coral-a00: rgb(183 91 77 / 0);
  --color-coral-a02: rgb(183 91 77 / 0.02);
  --color-coral-a05: rgb(183 91 77 / 0.05);
  --color-coral-a07: rgb(183 91 77 / 0.07);
  --color-coral-a10: rgb(183 91 77 / 0.1);
  --color-coral-a12: rgb(183 91 77 / 0.12);
  --color-coral-a15: rgb(183 91 77 / 0.15);
  --color-coral-a20: rgb(183 91 77 / 0.2);
  --color-coral-a25: rgb(183 91 77 / 0.25);
  --color-coral-a30: rgb(183 91 77 / 0.3);
  --color-coral-a35: rgb(183 91 77 / 0.35);
  --color-coral-a40: rgb(183 91 77 / 0.4);
  --color-coral-a45: rgb(183 91 77 / 0.45);
  --color-coral-a50: rgb(183 91 77 / 0.5);
  --color-coral-base-default: var(--color-coral-500);
  --color-coral-base-hover: var(--color-coral-600);
  --color-coral-base-pressed: var(--color-coral-700);
  --color-coral-bg-layer-2: var(--color-coral-25);
  --color-coral-bg-layer-3: var(--color-coral-50);
  --color-coral-bg-layer-4: var(--color-coral-75);
  --color-coral-bg-layer-5: var(--color-coral-100);
  --color-coral-bg-page: var(--color-coral-10);
  --color-coral-fill: var(--color-coral-500);
  --color-coral-fill-hover: var(--color-coral-600);
  --color-coral-fill-pressed: var(--color-coral-700);
  --color-coral-input-glow-focus: var(--color-coral-a20);
  --color-coral-subtle: var(--color-coral-a07);
  --color-coral-subtle-hover: var(--color-coral-a10);
  --color-coral-subtle-medium: var(--color-coral-a20);
  --color-coral-subtle-pressed: var(--color-coral-a15);
  --color-coral-subtle-regular: var(--color-coral-a10);
  --color-coral-subtle-strong: var(--color-coral-a35);
  --color-coral-subtle-weak: var(--color-coral-a05);
  --color-coral-text: var(--color-coral-600);
  --color-coral-text-hover: var(--color-coral-700);
  --color-coral-text-on-solid: var(--color-white-base);
  --color-coral-text-pressed: var(--color-coral-800);
  --color-cyan-5: #f8fcfd;
  --color-cyan-10: #f8fdff;
  --color-cyan-15: #f3fbfe;
  --color-cyan-25: #f0fafe;
  --color-cyan-50: #ebf9ff;
  --color-cyan-75: #e1f6ff;
  --color-cyan-100: #d6f2ff;
  --color-cyan-125: #cdefff;
  --color-cyan-150: #c4ecff;
  --color-cyan-200: #b3e7ff;
  --color-cyan-250: #9fe1ff;
  --color-cyan-300: #8adaff;
  --color-cyan-350: #75d3ff;
  --color-cyan-400: #61cdff;
  --color-cyan-450: #4fc7ff;
  --color-cyan-500: #3bc1ff;
  --color-cyan-550: #28b7ff;
  --color-cyan-600: #00abfa;
  --color-cyan-650: #0098de;
  --color-cyan-700: #0081bd;
  --color-cyan-750: #006c9f;
  --color-cyan-800: #005780;
  --color-cyan-850: #00405e;
  --color-cyan-900: #002a3d;
  --color-cyan-950: #00151f;
  --color-cyan-a00: rgb(59 193 255 / 0);
  --color-cyan-a02: rgb(59 193 255 / 0.02);
  --color-cyan-a05: rgb(59 193 255 / 0.05);
  --color-cyan-a07: rgb(59 193 255 / 0.07);
  --color-cyan-a10: rgb(59 193 255 / 0.1);
  --color-cyan-a12: rgb(59 193 255 / 0.12);
  --color-cyan-a15: rgb(59 193 255 / 0.15);
  --color-cyan-a20: rgb(59 193 255 / 0.2);
  --color-cyan-a25: rgb(59 193 255 / 0.25);
  --color-cyan-a30: rgb(59 193 255 / 0.3);
  --color-cyan-a35: rgb(59 193 255 / 0.35);
  --color-cyan-a40: rgb(59 193 255 / 0.4);
  --color-cyan-a45: rgb(59 193 255 / 0.45);
  --color-cyan-a50: rgb(59 193 255 / 0.5);
  --color-cyan-base-default: var(--color-cyan-500);
  --color-cyan-base-hover: var(--color-cyan-600);
  --color-cyan-base-pressed: var(--color-cyan-700);
  --color-cyan-bg-layer-2: var(--color-cyan-25);
  --color-cyan-bg-layer-3: var(--color-cyan-50);
  --color-cyan-bg-layer-4: var(--color-cyan-75);
  --color-cyan-bg-layer-5: var(--color-cyan-100);
  --color-cyan-bg-page: var(--color-cyan-10);
  --color-cyan-fill: var(--color-cyan-750);
  --color-cyan-fill-hover: var(--color-cyan-850);
  --color-cyan-fill-pressed: var(--color-cyan-900);
  --color-cyan-input-glow-focus: var(--color-cyan-a20);
  --color-cyan-subtle: var(--color-cyan-a07);
  --color-cyan-subtle-hover: var(--color-cyan-a10);
  --color-cyan-subtle-medium: var(--color-cyan-a20);
  --color-cyan-subtle-pressed: var(--color-cyan-a15);
  --color-cyan-subtle-regular: var(--color-cyan-a10);
  --color-cyan-subtle-strong: var(--color-cyan-a35);
  --color-cyan-subtle-weak: var(--color-cyan-a05);
  --color-cyan-text: var(--color-cyan-750);
  --color-cyan-text-hover: var(--color-cyan-850);
  --color-cyan-text-on-solid: var(--color-white-base);
  --color-cyan-text-pressed: var(--color-cyan-950);
  --color-elevation-dim: var(--color-black-a50);
  --color-elevation-gray-layer-2: var(--color-gray-50);
  --color-elevation-gray-layer-3: var(--color-gray-100);
  --color-elevation-gray-layer-4: var(--color-gray-150);
  --color-elevation-gray-layer-5: var(--color-gray-200);
  --color-elevation-gray-page: var(--color-gray-10);
  --color-elevation-raised: var(--color-white-base);
  --color-elevation-shadow-1: rgb(16 24 40 / 0.05098);
  --color-elevation-shadow-2: rgb(16 24 40 / 0.078431);
  --color-elevation-shadow-3: rgb(16 24 40 / 0.109804);
  --color-elevation-shadow-4: rgb(16 24 40 / 0.141176);
  --color-elevation-shadow-5: rgb(16 24 40 / 0.188235);
  --color-elevation-sunken: var(--color-black-a07);
  --color-elevation-system-1: var(--color-gray-50);
  --color-elevation-system-2: var(--color-gray-10);
  --color-elevation-system-3: var(--color-white-base);
  --color-elevation-system-4: var(--color-white-base);
  --color-elevation-system-5: var(--color-white-base);
  --color-elevation-user-1: var(--color-gray-50);
  --color-elevation-user-2: var(--color-white-base);
  --color-elevation-user-3: var(--color-white-base);
  --color-elevation-user-4: var(--color-white-base);
  --color-elevation-user-5: var(--color-white-base);
  --color-emerald-5: #f7fcf9;
  --color-emerald-10: #f7fdf8;
  --color-emerald-15: #f2fbf5;
  --color-emerald-25: #effbf2;
  --color-emerald-50: #e9faee;
  --color-emerald-75: #def7e5;
  --color-emerald-100: #d1f5dc;
  --color-emerald-125: #c6f2d4;
  --color-emerald-150: #bcefcc;
  --color-emerald-200: #a7eabd;
  --color-emerald-250: #91e4ae;
  --color-emerald-300: #7add9f;
  --color-emerald-350: #64d490;
  --color-emerald-400: #4fca83;
  --color-emerald-450: #38c076;
  --color-emerald-500: #20b66b;
  --color-emerald-550: #00a55d;
  --color-emerald-600: #009252;
  --color-emerald-650: #007d45;
  --color-emerald-700: #006838;
  --color-emerald-750: #00542c;
  --color-emerald-800: #004020;
  --color-emerald-850: #002c13;
  --color-emerald-900: #001907;
  --color-emerald-950: #000700;
  --color-emerald-a00: rgb(32 182 107 / 0);
  --color-emerald-a02: rgb(32 182 107 / 0.02);
  --color-emerald-a05: rgb(32 182 107 / 0.05);
  --color-emerald-a07: rgb(32 182 107 / 0.07);
  --color-emerald-a10: rgb(32 182 107 / 0.1);
  --color-emerald-a12: rgb(32 182 107 / 0.12);
  --color-emerald-a15: rgb(32 182 107 / 0.15);
  --color-emerald-a20: rgb(32 182 107 / 0.2);
  --color-emerald-a25: rgb(32 182 107 / 0.25);
  --color-emerald-a30: rgb(32 182 107 / 0.3);
  --color-emerald-a35: rgb(32 182 107 / 0.35);
  --color-emerald-a40: rgb(32 182 107 / 0.4);
  --color-emerald-a45: rgb(32 182 107 / 0.45);
  --color-emerald-a50: rgb(32 182 107 / 0.5);
  --color-emerald-base-default: var(--color-emerald-500);
  --color-emerald-base-hover: var(--color-emerald-600);
  --color-emerald-base-pressed: var(--color-emerald-700);
  --color-emerald-bg-layer-2: var(--color-emerald-25);
  --color-emerald-bg-layer-3: var(--color-emerald-50);
  --color-emerald-bg-layer-4: var(--color-emerald-75);
  --color-emerald-bg-layer-5: var(--color-emerald-100);
  --color-emerald-bg-page: var(--color-emerald-10);
  --color-emerald-fill: var(--color-emerald-650);
  --color-emerald-fill-hover: var(--color-emerald-750);
  --color-emerald-fill-pressed: var(--color-emerald-850);
  --color-emerald-input-glow-focus: var(--color-emerald-a20);
  --color-emerald-subtle: var(--color-emerald-a07);
  --color-emerald-subtle-hover: var(--color-emerald-a10);
  --color-emerald-subtle-medium: var(--color-emerald-a20);
  --color-emerald-subtle-pressed: var(--color-emerald-a15);
  --color-emerald-subtle-regular: var(--color-emerald-a10);
  --color-emerald-subtle-strong: var(--color-emerald-a35);
  --color-emerald-subtle-weak: var(--color-emerald-a05);
  --color-emerald-text: var(--color-emerald-650);
  --color-emerald-text-hover: var(--color-emerald-750);
  --color-emerald-text-on-solid: var(--color-white-base);
  --color-emerald-text-pressed: var(--color-emerald-850);
  --color-feedback-danger-bg: var(--color-red-50);
  --color-feedback-danger-bg-hover: var(--color-red-a15);
  --color-feedback-danger-bg-pressed: var(--color-red-a25);
  --color-feedback-danger-border: var(--color-red-700);
  --color-feedback-danger-fg: var(--color-red-700);
  --color-feedback-danger-on-solid: var(--color-white-base);
  --color-feedback-danger-solid: var(--color-red-700);
  --color-feedback-danger-solid-hover: var(--color-red-800);
  --color-feedback-danger-solid-pressed: var(--color-red-900);
  --color-feedback-info-bg: var(--color-cyan-50);
  --color-feedback-info-bg-hover: var(--color-cyan-a15);
  --color-feedback-info-bg-pressed: var(--color-cyan-a25);
  --color-feedback-info-border: var(--color-cyan-800);
  --color-feedback-info-fg: var(--color-cyan-800);
  --color-feedback-info-on-solid: var(--color-black-base);
  --color-feedback-info-solid: var(--color-cyan-600);
  --color-feedback-info-solid-hover: var(--color-cyan-500);
  --color-feedback-info-solid-pressed: var(--color-cyan-400);
  --color-feedback-success-bg: var(--color-green-50);
  --color-feedback-success-bg-hover: var(--color-green-100);
  --color-feedback-success-bg-pressed: var(--color-green-200);
  --color-feedback-success-border: var(--color-green-700);
  --color-feedback-success-fg: var(--color-green-700);
  --color-feedback-success-on-solid: var(--color-white-base);
  --color-feedback-success-solid: var(--color-green-600);
  --color-feedback-success-solid-hover: var(--color-green-700);
  --color-feedback-success-solid-pressed: var(--color-green-800);
  --color-feedback-warning-bg: var(--color-orange-50);
  --color-feedback-warning-bg-hover: var(--color-orange-a15);
  --color-feedback-warning-bg-pressed: var(--color-orange-a25);
  --color-feedback-warning-border: var(--color-orange-700);
  --color-feedback-warning-fg: var(--color-orange-700);
  --color-feedback-warning-on-solid: var(--color-black-base);
  --color-feedback-warning-solid: var(--color-orange-600);
  --color-feedback-warning-solid-hover: var(--color-orange-500);
  --color-feedback-warning-solid-pressed: var(--color-orange-400);
  --color-glass-contrast-highlight: rgb(255 255 255 / 0.6);
  --color-glass-contrast-shadow: rgb(16 24 40 / 0.239216);
  --color-glass-contrast-stroke: rgb(16 24 40 / 0.239216);
  --color-glass-contrast-stroke-highlight: rgb(255 255 255 / 0.501961);
  --color-glass-contrast-stroke-shadow: rgb(16 24 40 / 0.2);
  --color-glass-contrast-surface: rgb(16 24 40 / 0.160784);
  --color-glass-default-edge-bottom: rgb(255 255 255 / 0.42);
  --color-glass-default-edge-top: rgb(255 255 255 / 0.6);
  --color-glass-default-highlight: var(--color-white-a20);
  --color-glass-default-shadow: rgb(4 8 31 / 0.18);
  --color-glass-default-surface: var(--color-white-a10);
  --color-glass-elevation-shadow-1: rgb(16 24 40 / 0.05098);
  --color-glass-elevation-shadow-2: rgb(16 24 40 / 0.078431);
  --color-glass-elevation-shadow-3: rgb(16 24 40 / 0.109804);
  --color-glass-elevation-shadow-4: rgb(16 24 40 / 0.141176);
  --color-glass-elevation-shadow-5: rgb(16 24 40 / 0.188235);
  --color-glass-middle-highlight: rgb(255 255 255 / 0.8);
  --color-glass-middle-shadow: rgb(52 64 84 / 0.141176);
  --color-glass-middle-stroke: rgb(255 255 255 / 0.6);
  --color-glass-middle-stroke-highlight: rgb(255 255 255 / 0.933333);
  --color-glass-middle-stroke-shadow: rgb(52 64 84 / 0.141176);
  --color-glass-middle-surface: rgb(255 255 255 / 0.6);
  --color-glass-soft-highlight: rgb(255 255 255 / 0.6);
  --color-glass-soft-shadow: rgb(16 24 40 / 0.078431);
  --color-glass-soft-stroke: rgb(255 255 255 / 0.4);
  --color-glass-soft-stroke-highlight: rgb(255 255 255 / 0.8);
  --color-glass-soft-stroke-shadow: rgb(16 24 40 / 0.101961);
  --color-glass-soft-surface: rgb(255 255 255 / 0.301961);
  --color-glass-solid-highlight: rgb(255 255 255 / 0.2);
  --color-glass-solid-shadow: rgb(0 0 0 / 0.321569);
  --color-glass-solid-stroke: rgb(255 255 255 / 0.239216);
  --color-glass-solid-stroke-highlight: rgb(255 255 255 / 0.4);
  --color-glass-solid-stroke-shadow: rgb(0 0 0 / 0.4);
  --color-glass-solid-surface: rgb(16 24 40 / 0.85098);
  --color-glass-strong-highlight: rgb(255 255 255 / 0.8);
  --color-glass-strong-shadow: rgb(16 24 40 / 0.101961);
  --color-glass-strong-stroke: rgb(255 255 255 / 0.8);
  --color-glass-strong-stroke-highlight: rgb(255 255 255 / 1);
  --color-glass-strong-stroke-shadow: rgb(16 24 40 / 0.101961);
  --color-glass-strong-surface: rgb(255 255 255 / 0.85098);
  --color-green-5: #f4fef6;
  --color-green-10: #f2fff5;
  --color-green-15: #ebfeef;
  --color-green-25: #e5ffeb;
  --color-green-50: #dbffe3;
  --color-green-75: #c8ffd4;
  --color-green-100: #b3ffc3;
  --color-green-125: #a0ffb4;
  --color-green-150: #8effa6;
  --color-green-200: #6bff8b;
  --color-green-250: #53ff73;
  --color-green-300: #1fff4f;
  --color-green-350: #1aef3f;
  --color-green-400: #00d62e;
  --color-green-450: #00ac25;
  --color-green-500: #00891e;
  --color-green-550: #007b1b;
  --color-green-600: #007018;
  --color-green-650: #006115;
  --color-green-700: #005212;
  --color-green-750: #00450f;
  --color-green-800: #00380c;
  --color-green-850: #00280a;
  --color-green-900: #001906;
  --color-green-950: #000f03;
  --color-green-a00: rgb(0 137 30 / 0);
  --color-green-a02: rgb(0 137 30 / 0.02);
  --color-green-a05: rgb(0 137 30 / 0.05);
  --color-green-a07: rgb(0 137 30 / 0.07);
  --color-green-a10: rgb(0 137 30 / 0.1);
  --color-green-a12: rgb(0 137 30 / 0.12);
  --color-green-a15: rgb(0 137 30 / 0.15);
  --color-green-a20: rgb(0 137 30 / 0.2);
  --color-green-a25: rgb(0 137 30 / 0.25);
  --color-green-a30: rgb(0 137 30 / 0.3);
  --color-green-a35: rgb(0 137 30 / 0.35);
  --color-green-a40: rgb(0 137 30 / 0.4);
  --color-green-a45: rgb(0 137 30 / 0.45);
  --color-green-a50: rgb(0 137 30 / 0.5);
  --color-green-base-default: var(--color-green-500);
  --color-green-base-hover: var(--color-green-600);
  --color-green-base-pressed: var(--color-green-700);
  --color-green-bg-layer-2: var(--color-green-25);
  --color-green-bg-layer-3: var(--color-green-50);
  --color-green-bg-layer-4: var(--color-green-75);
  --color-green-bg-layer-5: var(--color-green-100);
  --color-green-bg-page: var(--color-green-10);
  --color-green-fill: var(--color-green-500);
  --color-green-fill-hover: var(--color-green-600);
  --color-green-fill-pressed: var(--color-green-700);
  --color-green-input-glow-focus: var(--color-green-a20);
  --color-green-subtle: var(--color-green-a07);
  --color-green-subtle-hover: var(--color-green-a10);
  --color-green-subtle-medium: var(--color-green-a20);
  --color-green-subtle-pressed: var(--color-green-a15);
  --color-green-subtle-regular: var(--color-green-a10);
  --color-green-subtle-strong: var(--color-green-a35);
  --color-green-subtle-weak: var(--color-green-a05);
  --color-green-text: var(--color-green-600);
  --color-green-text-hover: var(--color-green-700);
  --color-green-text-on-solid: var(--color-white-base);
  --color-green-text-pressed: var(--color-green-800);
  --color-indigo-5: #f8faff;
  --color-indigo-10: #f8faff;
  --color-indigo-15: #f4f7ff;
  --color-indigo-25: #f1f5ff;
  --color-indigo-50: #edf1ff;
  --color-indigo-75: #e3eaff;
  --color-indigo-100: #d9e2ff;
  --color-indigo-125: #cfdbff;
  --color-indigo-150: #c6d4ff;
  --color-indigo-200: #b5c6ff;
  --color-indigo-250: #a3b7ff;
  --color-indigo-300: #90a7ff;
  --color-indigo-350: #7c95ff;
  --color-indigo-400: #6982ff;
  --color-indigo-450: #5a71f4;
  --color-indigo-500: #4d61e6;
  --color-indigo-550: #4354d7;
  --color-indigo-600: #3947c5;
  --color-indigo-650: #303bad;
  --color-indigo-700: #262f92;
  --color-indigo-750: #1d2478;
  --color-indigo-800: #14185f;
  --color-indigo-850: #0b0d47;
  --color-indigo-900: #04042e;
  --color-indigo-950: #010015;
  --color-indigo-a00: rgb(77 97 230 / 0);
  --color-indigo-a02: rgb(77 97 230 / 0.02);
  --color-indigo-a05: rgb(77 97 230 / 0.05);
  --color-indigo-a07: rgb(77 97 230 / 0.07);
  --color-indigo-a10: rgb(77 97 230 / 0.1);
  --color-indigo-a12: rgb(77 97 230 / 0.12);
  --color-indigo-a15: rgb(77 97 230 / 0.15);
  --color-indigo-a20: rgb(77 97 230 / 0.2);
  --color-indigo-a25: rgb(77 97 230 / 0.25);
  --color-indigo-a30: rgb(77 97 230 / 0.3);
  --color-indigo-a35: rgb(77 97 230 / 0.35);
  --color-indigo-a40: rgb(77 97 230 / 0.4);
  --color-indigo-a45: rgb(77 97 230 / 0.45);
  --color-indigo-a50: rgb(77 97 230 / 0.5);
  --color-indigo-base-default: var(--color-indigo-500);
  --color-indigo-base-hover: var(--color-indigo-600);
  --color-indigo-base-pressed: var(--color-indigo-700);
  --color-indigo-bg-layer-2: var(--color-indigo-25);
  --color-indigo-bg-layer-3: var(--color-indigo-50);
  --color-indigo-bg-layer-4: var(--color-indigo-75);
  --color-indigo-bg-layer-5: var(--color-indigo-100);
  --color-indigo-bg-page: var(--color-indigo-10);
  --color-indigo-fill: var(--color-indigo-500);
  --color-indigo-fill-hover: var(--color-indigo-600);
  --color-indigo-fill-pressed: var(--color-indigo-700);
  --color-indigo-input-glow-focus: var(--color-indigo-a20);
  --color-indigo-subtle: var(--color-indigo-a07);
  --color-indigo-subtle-hover: var(--color-indigo-a10);
  --color-indigo-subtle-medium: var(--color-indigo-a20);
  --color-indigo-subtle-pressed: var(--color-indigo-a15);
  --color-indigo-subtle-regular: var(--color-indigo-a10);
  --color-indigo-subtle-strong: var(--color-indigo-a35);
  --color-indigo-subtle-weak: var(--color-indigo-a05);
  --color-indigo-text: var(--color-indigo-600);
  --color-indigo-text-hover: var(--color-indigo-700);
  --color-indigo-text-on-solid: var(--color-white-base);
  --color-indigo-text-pressed: var(--color-indigo-800);
  --color-input-bg-default: var(--color-white-base);
  --color-input-bg-disabled: var(--color-gray-100);
  --color-input-bg-focus: var(--color-white-base);
  --color-input-bg-hover: var(--color-black-a05);
  --color-input-bg-user-dark: var(--color-gray-a15);
  --color-input-bg-user-light: var(--color-white-a95);
  --color-input-fg-helper: var(--color-gray-550);
  --color-input-fg-icon-action: var(--color-gray-900);
  --color-input-fg-icon-default: var(--color-gray-500);
  --color-input-fg-placeholder: var(--color-gray-550);
  --color-input-fg-required: var(--color-red-500);
  --color-input-glow-danger: var(--color-red-a20);
  --color-input-glow-info: var(--color-cyan-a20);
  --color-input-glow-success: var(--color-green-a20);
  --color-input-glow-warning: var(--color-orange-a20);
  --color-input-select-option-bg-hover: var(--color-brand-role-subtle);
  --color-input-select-option-panel-inner-highlight: var(--color-glass-middle-highlight);
  --color-input-select-option-panel-stroke: var(--color-brand-role-input-stroke-focus);
  --color-input-stroke-danger: var(--color-red-600);
  --color-input-stroke-default: var(--color-gray-500);
  --color-input-stroke-hover: var(--color-gray-550);
  --color-input-stroke-info: var(--color-cyan-700);
  --color-input-stroke-success: var(--color-green-600);
  --color-input-stroke-warning: var(--color-orange-600);
  --color-lavender-5: #fafafc;
  --color-lavender-10: #faf9fd;
  --color-lavender-15: #f8f6fb;
  --color-lavender-25: #f6f4fa;
  --color-lavender-50: #f3f0f9;
  --color-lavender-75: #ede9f6;
  --color-lavender-100: #e7e1f2;
  --color-lavender-125: #e1daef;
  --color-lavender-150: #dbd2ec;
  --color-lavender-200: #cfc4e6;
  --color-lavender-250: #c4b6e1;
  --color-lavender-300: #b9a8db;
  --color-lavender-350: #ae9ad5;
  --color-lavender-400: #a48dcf;
  --color-lavender-450: #9a80ca;
  --color-lavender-500: #9072c3;
  --color-lavender-550: #8564ba;
  --color-lavender-600: #7956ae;
  --color-lavender-650: #6a4b9a;
  --color-lavender-700: #5a4082;
  --color-lavender-750: #4a356d;
  --color-lavender-800: #3b2a57;
  --color-lavender-850: #2c1f41;
  --color-lavender-900: #1d142b;
  --color-lavender-950: #0e0916;
  --color-lavender-a00: rgb(144 114 195 / 0);
  --color-lavender-a02: rgb(144 114 195 / 0.02);
  --color-lavender-a05: rgb(144 114 195 / 0.05);
  --color-lavender-a07: rgb(144 114 195 / 0.07);
  --color-lavender-a10: rgb(144 114 195 / 0.1);
  --color-lavender-a12: rgb(144 114 195 / 0.12);
  --color-lavender-a15: rgb(144 114 195 / 0.15);
  --color-lavender-a20: rgb(144 114 195 / 0.2);
  --color-lavender-a25: rgb(144 114 195 / 0.25);
  --color-lavender-a30: rgb(144 114 195 / 0.3);
  --color-lavender-a35: rgb(144 114 195 / 0.35);
  --color-lavender-a40: rgb(144 114 195 / 0.4);
  --color-lavender-a45: rgb(144 114 195 / 0.45);
  --color-lavender-a50: rgb(144 114 195 / 0.5);
  --color-lavender-base-default: var(--color-lavender-500);
  --color-lavender-base-hover: var(--color-lavender-600);
  --color-lavender-base-pressed: var(--color-lavender-700);
  --color-lavender-bg-layer-2: var(--color-lavender-25);
  --color-lavender-bg-layer-3: var(--color-lavender-50);
  --color-lavender-bg-layer-4: var(--color-lavender-75);
  --color-lavender-bg-layer-5: var(--color-lavender-100);
  --color-lavender-bg-page: var(--color-lavender-10);
  --color-lavender-fill: var(--color-lavender-550);
  --color-lavender-fill-hover: var(--color-lavender-650);
  --color-lavender-fill-pressed: var(--color-lavender-750);
  --color-lavender-input-glow-focus: var(--color-lavender-a20);
  --color-lavender-subtle: var(--color-lavender-a07);
  --color-lavender-subtle-hover: var(--color-lavender-a10);
  --color-lavender-subtle-medium: var(--color-lavender-a20);
  --color-lavender-subtle-pressed: var(--color-lavender-a15);
  --color-lavender-subtle-regular: var(--color-lavender-a10);
  --color-lavender-subtle-strong: var(--color-lavender-a35);
  --color-lavender-subtle-weak: var(--color-lavender-a05);
  --color-lavender-text: var(--color-lavender-600);
  --color-lavender-text-hover: var(--color-lavender-700);
  --color-lavender-text-on-solid: var(--color-white-base);
  --color-lavender-text-pressed: var(--color-lavender-800);
  --color-layout-admin-bg-canvas: var(--color-gray-150);
  --color-layout-admin-bg-content: var(--color-gray-100);
  --color-layout-admin-bg-navigation: var(--color-gray-50);
  --color-layout-bg-sunken: var(--color-black-a05);
  --color-layout-stroke-default: var(--color-gray-400);
  --color-layout-stroke-strong: var(--color-gray-500);
  --color-layout-stroke-subtle: var(--color-gray-300);
  --color-layout-subtle-gray-default: var(--color-gray-a07);
  --color-layout-subtle-gray-hover: var(--color-gray-a10);
  --color-layout-subtle-gray-medium: var(--color-gray-a20);
  --color-layout-subtle-gray-pressed: var(--color-gray-a15);
  --color-layout-subtle-gray-regular: var(--color-gray-a10);
  --color-layout-subtle-gray-strong: var(--color-gray-a35);
  --color-layout-subtle-gray-weak: var(--color-gray-a05);
  --color-layout-table-bg-gray: var(--color-gray-a10);
  --color-layout-table-header-bg-gray: var(--color-gray-a10);
  --color-layout-text-always-black: var(--color-gray-950);
  --color-layout-text-always-white: var(--color-gray-50);
  --color-layout-text-body: var(--color-gray-900);
  --color-layout-text-caption: var(--color-gray-600);
  --color-layout-text-caption-light: var(--color-gray-575);
  --color-layout-text-disabled: var(--color-gray-400);
  --color-layout-text-inverse: var(--color-white-base);
  --color-layout-text-inverse-muted: var(--color-gray-200);
  --color-layout-text-on-solid: var(--color-white-base);
  --color-layout-text-on-solid-muted: var(--color-gray-200);
  --color-layout-text-title: var(--color-gray-950);
  --color-lime-5: #f9fcf7;
  --color-lime-10: #f9fef7;
  --color-lime-15: #f6fcf1;
  --color-lime-25: #f4fcee;
  --color-lime-50: #f1fce8;
  --color-lime-75: #ebfbdd;
  --color-lime-100: #e4f9d0;
  --color-lime-125: #def8c6;
  --color-lime-150: #d8f7bb;
  --color-lime-200: #cdf4a7;
  --color-lime-250: #c2f192;
  --color-lime-300: #b7ed7e;
  --color-lime-350: #ade76b;
  --color-lime-400: #a4e15a;
  --color-lime-450: #9bdb49;
  --color-lime-500: #94d53c;
  --color-lime-550: #82c123;
  --color-lime-600: #70ac00;
  --color-lime-650: #609300;
  --color-lime-700: #4f7b00;
  --color-lime-750: #3e6300;
  --color-lime-800: #2e4b00;
  --color-lime-850: #1e3400;
  --color-lime-900: #0e1e00;
  --color-lime-950: #010900;
  --color-lime-a00: rgb(148 213 60 / 0);
  --color-lime-a02: rgb(148 213 60 / 0.02);
  --color-lime-a05: rgb(148 213 60 / 0.05);
  --color-lime-a07: rgb(148 213 60 / 0.07);
  --color-lime-a10: rgb(148 213 60 / 0.1);
  --color-lime-a12: rgb(148 213 60 / 0.12);
  --color-lime-a15: rgb(148 213 60 / 0.15);
  --color-lime-a20: rgb(148 213 60 / 0.2);
  --color-lime-a25: rgb(148 213 60 / 0.25);
  --color-lime-a30: rgb(148 213 60 / 0.3);
  --color-lime-a35: rgb(148 213 60 / 0.35);
  --color-lime-a40: rgb(148 213 60 / 0.4);
  --color-lime-a45: rgb(148 213 60 / 0.45);
  --color-lime-a50: rgb(148 213 60 / 0.5);
  --color-lime-base-default: var(--color-lime-500);
  --color-lime-base-hover: var(--color-lime-600);
  --color-lime-base-pressed: var(--color-lime-700);
  --color-lime-bg-layer-2: var(--color-lime-25);
  --color-lime-bg-layer-3: var(--color-lime-50);
  --color-lime-bg-layer-4: var(--color-lime-75);
  --color-lime-bg-layer-5: var(--color-lime-100);
  --color-lime-bg-page: var(--color-lime-10);
  --color-lime-fill: var(--color-lime-500);
  --color-lime-fill-hover: var(--color-lime-550);
  --color-lime-fill-pressed: var(--color-lime-600);
  --color-lime-input-glow-focus: var(--color-lime-a20);
  --color-lime-subtle: var(--color-lime-a07);
  --color-lime-subtle-hover: var(--color-lime-a10);
  --color-lime-subtle-medium: var(--color-lime-a20);
  --color-lime-subtle-pressed: var(--color-lime-a15);
  --color-lime-subtle-regular: var(--color-lime-a10);
  --color-lime-subtle-strong: var(--color-lime-a35);
  --color-lime-subtle-weak: var(--color-lime-a05);
  --color-lime-text: var(--color-lime-700);
  --color-lime-text-hover: var(--color-lime-800);
  --color-lime-text-on-solid: var(--color-black-base);
  --color-lime-text-pressed: var(--color-lime-900);
  --color-mustard-5: #fdfbf6;
  --color-mustard-10: #fdfcf6;
  --color-mustard-15: #fdfaf0;
  --color-mustard-25: #fcf8ec;
  --color-mustard-50: #fdf7e5;
  --color-mustard-75: #fbf3d9;
  --color-mustard-100: #faeecb;
  --color-mustard-125: #f8eabe;
  --color-mustard-150: #f7e6b1;
  --color-mustard-200: #f4de99;
  --color-mustard-250: #f2d680;
  --color-mustard-300: #efce67;
  --color-mustard-350: #ebc54e;
  --color-mustard-400: #e7bd35;
  --color-mustard-450: #e3b52b;
  --color-mustard-500: #e0ad01;
  --color-mustard-550: #cc9d00;
  --color-mustard-600: #b38900;
  --color-mustard-650: #9c7700;
  --color-mustard-700: #856500;
  --color-mustard-750: #6e5400;
  --color-mustard-800: #574200;
  --color-mustard-850: #403000;
  --color-mustard-900: #2a1f00;
  --color-mustard-950: #130f00;
  --color-mustard-a00: rgb(224 173 1 / 0);
  --color-mustard-a02: rgb(224 173 1 / 0.02);
  --color-mustard-a05: rgb(224 173 1 / 0.05);
  --color-mustard-a07: rgb(224 173 1 / 0.07);
  --color-mustard-a10: rgb(224 173 1 / 0.1);
  --color-mustard-a12: rgb(224 173 1 / 0.12);
  --color-mustard-a15: rgb(224 173 1 / 0.15);
  --color-mustard-a20: rgb(224 173 1 / 0.2);
  --color-mustard-a25: rgb(224 173 1 / 0.25);
  --color-mustard-a30: rgb(224 173 1 / 0.3);
  --color-mustard-a35: rgb(224 173 1 / 0.35);
  --color-mustard-a40: rgb(224 173 1 / 0.4);
  --color-mustard-a45: rgb(224 173 1 / 0.45);
  --color-mustard-a50: rgb(224 173 1 / 0.5);
  --color-mustard-base-default: var(--color-mustard-500);
  --color-mustard-base-hover: var(--color-mustard-600);
  --color-mustard-base-pressed: var(--color-mustard-700);
  --color-mustard-bg-layer-2: var(--color-mustard-25);
  --color-mustard-bg-layer-3: var(--color-mustard-50);
  --color-mustard-bg-layer-4: var(--color-mustard-75);
  --color-mustard-bg-layer-5: var(--color-mustard-100);
  --color-mustard-bg-page: var(--color-mustard-10);
  --color-mustard-fill: var(--color-mustard-400);
  --color-mustard-fill-hover: var(--color-mustard-450);
  --color-mustard-fill-pressed: var(--color-mustard-500);
  --color-mustard-input-glow-focus: var(--color-mustard-a20);
  --color-mustard-subtle: var(--color-mustard-a07);
  --color-mustard-subtle-hover: var(--color-mustard-a10);
  --color-mustard-subtle-medium: var(--color-mustard-a20);
  --color-mustard-subtle-pressed: var(--color-mustard-a15);
  --color-mustard-subtle-regular: var(--color-mustard-a10);
  --color-mustard-subtle-strong: var(--color-mustard-a35);
  --color-mustard-subtle-weak: var(--color-mustard-a05);
  --color-mustard-text: var(--color-mustard-700);
  --color-mustard-text-hover: var(--color-mustard-800);
  --color-mustard-text-on-solid: var(--color-black-base);
  --color-mustard-text-pressed: var(--color-mustard-900);
  --color-navy-5: #f7fbfe;
  --color-navy-10: #f6fbff;
  --color-navy-15: #f0f8ff;
  --color-navy-25: #ecf6ff;
  --color-navy-50: #e4f3ff;
  --color-navy-75: #d6eaff;
  --color-navy-100: #c8e0ff;
  --color-navy-125: #bdd8fd;
  --color-navy-150: #b2d0fb;
  --color-navy-200: #9dbff4;
  --color-navy-250: #83aae6;
  --color-navy-300: #6993d5;
  --color-navy-350: #4f7cc1;
  --color-navy-400: #3665ad;
  --color-navy-450: #1a4d98;
  --color-navy-500: #013986;
  --color-navy-550: #002d79;
  --color-navy-600: #00236f;
  --color-navy-650: #001b65;
  --color-navy-700: #00155c;
  --color-navy-750: #000f52;
  --color-navy-800: #000948;
  --color-navy-850: #000540;
  --color-navy-900: #000237;
  --color-navy-950: #000028;
  --color-navy-a00: rgb(1 57 134 / 0);
  --color-navy-a02: rgb(1 57 134 / 0.02);
  --color-navy-a05: rgb(1 57 134 / 0.05);
  --color-navy-a07: rgb(1 57 134 / 0.07);
  --color-navy-a10: rgb(1 57 134 / 0.1);
  --color-navy-a12: rgb(1 57 134 / 0.12);
  --color-navy-a15: rgb(1 57 134 / 0.15);
  --color-navy-a20: rgb(1 57 134 / 0.2);
  --color-navy-a25: rgb(1 57 134 / 0.25);
  --color-navy-a30: rgb(1 57 134 / 0.3);
  --color-navy-a35: rgb(1 57 134 / 0.35);
  --color-navy-a40: rgb(1 57 134 / 0.4);
  --color-navy-a45: rgb(1 57 134 / 0.45);
  --color-navy-a50: rgb(1 57 134 / 0.5);
  --color-navy-base-default: var(--color-navy-500);
  --color-navy-base-hover: var(--color-navy-600);
  --color-navy-base-pressed: var(--color-navy-700);
  --color-navy-bg-layer-2: var(--color-navy-25);
  --color-navy-bg-layer-3: var(--color-navy-50);
  --color-navy-bg-layer-4: var(--color-navy-75);
  --color-navy-bg-layer-5: var(--color-navy-100);
  --color-navy-bg-page: var(--color-navy-10);
  --color-navy-fill: var(--color-navy-500);
  --color-navy-fill-hover: var(--color-navy-600);
  --color-navy-fill-pressed: var(--color-navy-700);
  --color-navy-input-glow-focus: var(--color-navy-a20);
  --color-navy-subtle: var(--color-navy-a07);
  --color-navy-subtle-hover: var(--color-navy-a10);
  --color-navy-subtle-medium: var(--color-navy-a20);
  --color-navy-subtle-pressed: var(--color-navy-a15);
  --color-navy-subtle-regular: var(--color-navy-a10);
  --color-navy-subtle-strong: var(--color-navy-a35);
  --color-navy-subtle-weak: var(--color-navy-a05);
  --color-navy-text: var(--color-navy-600);
  --color-navy-text-hover: var(--color-navy-700);
  --color-navy-text-on-solid: var(--color-white-base);
  --color-navy-text-pressed: var(--color-navy-800);
  --color-neutral-button-fill: var(--color-gray-550);
  --color-neutral-button-fill-fg: var(--color-white-base);
  --color-neutral-button-fill-hover: var(--color-gray-600);
  --color-neutral-button-fill-pressed: var(--color-gray-650);
  --color-neutral-button-stroke: var(--color-gray-600);
  --color-neutral-button-subtle: var(--color-gray-a10);
  --color-neutral-button-subtle-hover: var(--color-gray-a07);
  --color-neutral-button-subtle-pressed: var(--color-gray-a15);
  --color-neutral-button-text: var(--color-gray-700);
  --color-olive-5: #fafbf7;
  --color-olive-10: #f9fbf6;
  --color-olive-15: #f6f8f1;
  --color-olive-25: #f4f7ed;
  --color-olive-50: #f0f4e7;
  --color-olive-75: #e9efda;
  --color-olive-100: #e0e8cd;
  --color-olive-125: #d9e3c1;
  --color-olive-150: #d2ddb6;
  --color-olive-200: #c5d2a0;
  --color-olive-250: #b7c789;
  --color-olive-300: #a9bb73;
  --color-olive-350: #9aad5e;
  --color-olive-400: #8c9f4a;
  --color-olive-450: #7e9236;
  --color-olive-500: #718423;
  --color-olive-550: #657712;
  --color-olive-600: #586900;
  --color-olive-650: #4b5a00;
  --color-olive-700: #3e4a00;
  --color-olive-750: #313b00;
  --color-olive-800: #242c00;
  --color-olive-850: #171e00;
  --color-olive-900: #0b1000;
  --color-olive-950: #020400;
  --color-olive-a00: rgb(113 132 35 / 0);
  --color-olive-a02: rgb(113 132 35 / 0.02);
  --color-olive-a05: rgb(113 132 35 / 0.05);
  --color-olive-a07: rgb(113 132 35 / 0.07);
  --color-olive-a10: rgb(113 132 35 / 0.1);
  --color-olive-a12: rgb(113 132 35 / 0.12);
  --color-olive-a15: rgb(113 132 35 / 0.15);
  --color-olive-a20: rgb(113 132 35 / 0.2);
  --color-olive-a25: rgb(113 132 35 / 0.25);
  --color-olive-a30: rgb(113 132 35 / 0.3);
  --color-olive-a35: rgb(113 132 35 / 0.35);
  --color-olive-a40: rgb(113 132 35 / 0.4);
  --color-olive-a45: rgb(113 132 35 / 0.45);
  --color-olive-a50: rgb(113 132 35 / 0.5);
  --color-olive-base-default: var(--color-olive-500);
  --color-olive-base-hover: var(--color-olive-600);
  --color-olive-base-pressed: var(--color-olive-700);
  --color-olive-bg-layer-2: var(--color-olive-25);
  --color-olive-bg-layer-3: var(--color-olive-50);
  --color-olive-bg-layer-4: var(--color-olive-75);
  --color-olive-bg-layer-5: var(--color-olive-100);
  --color-olive-bg-page: var(--color-olive-10);
  --color-olive-fill: var(--color-olive-550);
  --color-olive-fill-hover: var(--color-olive-650);
  --color-olive-fill-pressed: var(--color-olive-750);
  --color-olive-input-glow-focus: var(--color-olive-a20);
  --color-olive-subtle: var(--color-olive-a07);
  --color-olive-subtle-hover: var(--color-olive-a10);
  --color-olive-subtle-medium: var(--color-olive-a20);
  --color-olive-subtle-pressed: var(--color-olive-a15);
  --color-olive-subtle-regular: var(--color-olive-a10);
  --color-olive-subtle-strong: var(--color-olive-a35);
  --color-olive-subtle-weak: var(--color-olive-a05);
  --color-olive-text: var(--color-olive-600);
  --color-olive-text-hover: var(--color-olive-700);
  --color-olive-text-on-solid: var(--color-white-base);
  --color-olive-text-pressed: var(--color-olive-800);
  --color-orange-5: #fdfaf6;
  --color-orange-10: #fffbf6;
  --color-orange-15: #fef8f0;
  --color-orange-25: #fef7ec;
  --color-orange-50: #fff4e5;
  --color-orange-75: #ffefd9;
  --color-orange-100: #ffeacc;
  --color-orange-125: #ffe5bf;
  --color-orange-150: #ffdfb2;
  --color-orange-200: #ffd599;
  --color-orange-250: #ffca7f;
  --color-orange-300: #ffbf66;
  --color-orange-350: #ffb44d;
  --color-orange-400: #ffaa33;
  --color-orange-450: #ffa12c;
  --color-orange-500: #ff9500;
  --color-orange-550: #e98700;
  --color-orange-600: #cc7700;
  --color-orange-650: #b26800;
  --color-orange-700: #995900;
  --color-orange-750: #804b00;
  --color-orange-800: #663c00;
  --color-orange-850: #4c2d00;
  --color-orange-900: #331e00;
  --color-orange-950: #190f00;
  --color-orange-a00: rgb(255 149 0 / 0);
  --color-orange-a02: rgb(255 149 0 / 0.02);
  --color-orange-a05: rgb(255 149 0 / 0.05);
  --color-orange-a07: rgb(255 149 0 / 0.07);
  --color-orange-a10: rgb(255 149 0 / 0.1);
  --color-orange-a12: rgb(255 149 0 / 0.12);
  --color-orange-a15: rgb(255 149 0 / 0.15);
  --color-orange-a20: rgb(255 149 0 / 0.2);
  --color-orange-a25: rgb(255 149 0 / 0.25);
  --color-orange-a30: rgb(255 149 0 / 0.3);
  --color-orange-a35: rgb(255 149 0 / 0.35);
  --color-orange-a40: rgb(255 149 0 / 0.4);
  --color-orange-a45: rgb(255 149 0 / 0.45);
  --color-orange-a50: rgb(255 149 0 / 0.5);
  --color-orange-base-default: var(--color-orange-500);
  --color-orange-base-hover: var(--color-orange-600);
  --color-orange-base-pressed: var(--color-orange-700);
  --color-orange-bg-layer-2: var(--color-orange-25);
  --color-orange-bg-layer-3: var(--color-orange-50);
  --color-orange-bg-layer-4: var(--color-orange-75);
  --color-orange-bg-layer-5: var(--color-orange-100);
  --color-orange-bg-page: var(--color-orange-10);
  --color-orange-fill: var(--color-orange-500);
  --color-orange-fill-hover: var(--color-orange-550);
  --color-orange-fill-pressed: var(--color-orange-600);
  --color-orange-input-glow-focus: var(--color-orange-a20);
  --color-orange-subtle: var(--color-orange-a07);
  --color-orange-subtle-hover: var(--color-orange-a10);
  --color-orange-subtle-medium: var(--color-orange-a20);
  --color-orange-subtle-pressed: var(--color-orange-a15);
  --color-orange-subtle-regular: var(--color-orange-a10);
  --color-orange-subtle-strong: var(--color-orange-a35);
  --color-orange-subtle-weak: var(--color-orange-a05);
  --color-orange-text: var(--color-orange-700);
  --color-orange-text-hover: var(--color-orange-800);
  --color-orange-text-on-solid: var(--color-black-base);
  --color-orange-text-pressed: var(--color-orange-900);
  --color-plum-5: #fdf9ff;
  --color-plum-10: #fdf9ff;
  --color-plum-15: #fcf4ff;
  --color-plum-25: #fbf2ff;
  --color-plum-50: #faedff;
  --color-plum-75: #f8e4ff;
  --color-plum-100: #f5daff;
  --color-plum-125: #f2d1ff;
  --color-plum-150: #f0c7ff;
  --color-plum-200: #ebb5ff;
  --color-plum-250: #e6a2ff;
  --color-plum-300: #df8efb;
  --color-plum-350: #d47cf3;
  --color-plum-400: #c869e9;
  --color-plum-450: #bc57de;
  --color-plum-500: #af47d1;
  --color-plum-550: #a039c1;
  --color-plum-600: #902bb0;
  --color-plum-650: #7d209a;
  --color-plum-700: #691781;
  --color-plum-750: #550d6a;
  --color-plum-800: #420453;
  --color-plum-850: #2f003d;
  --color-plum-900: #1c0026;
  --color-plum-950: #090010;
  --color-plum-a00: rgb(175 71 209 / 0);
  --color-plum-a02: rgb(175 71 209 / 0.02);
  --color-plum-a05: rgb(175 71 209 / 0.05);
  --color-plum-a07: rgb(175 71 209 / 0.07);
  --color-plum-a10: rgb(175 71 209 / 0.1);
  --color-plum-a12: rgb(175 71 209 / 0.12);
  --color-plum-a15: rgb(175 71 209 / 0.15);
  --color-plum-a20: rgb(175 71 209 / 0.2);
  --color-plum-a25: rgb(175 71 209 / 0.25);
  --color-plum-a30: rgb(175 71 209 / 0.3);
  --color-plum-a35: rgb(175 71 209 / 0.35);
  --color-plum-a40: rgb(175 71 209 / 0.4);
  --color-plum-a45: rgb(175 71 209 / 0.45);
  --color-plum-a50: rgb(175 71 209 / 0.5);
  --color-plum-base-default: var(--color-plum-500);
  --color-plum-base-hover: var(--color-plum-600);
  --color-plum-base-pressed: var(--color-plum-700);
  --color-plum-bg-layer-2: var(--color-plum-25);
  --color-plum-bg-layer-3: var(--color-plum-50);
  --color-plum-bg-layer-4: var(--color-plum-75);
  --color-plum-bg-layer-5: var(--color-plum-100);
  --color-plum-bg-page: var(--color-plum-10);
  --color-plum-fill: var(--color-plum-500);
  --color-plum-fill-hover: var(--color-plum-600);
  --color-plum-fill-pressed: var(--color-plum-700);
  --color-plum-input-glow-focus: var(--color-plum-a20);
  --color-plum-subtle: var(--color-plum-a07);
  --color-plum-subtle-hover: var(--color-plum-a10);
  --color-plum-subtle-medium: var(--color-plum-a20);
  --color-plum-subtle-pressed: var(--color-plum-a15);
  --color-plum-subtle-regular: var(--color-plum-a10);
  --color-plum-subtle-strong: var(--color-plum-a35);
  --color-plum-subtle-weak: var(--color-plum-a05);
  --color-plum-text: var(--color-plum-600);
  --color-plum-text-hover: var(--color-plum-700);
  --color-plum-text-on-solid: var(--color-white-base);
  --color-plum-text-pressed: var(--color-plum-800);
  --color-purple-5: #fcf9ff;
  --color-purple-10: #fdf9ff;
  --color-purple-15: #fbf5ff;
  --color-purple-25: #faf2ff;
  --color-purple-50: #f8edff;
  --color-purple-75: #f5e4ff;
  --color-purple-100: #f1daff;
  --color-purple-125: #eed1ff;
  --color-purple-150: #eac8ff;
  --color-purple-200: #e4b6ff;
  --color-purple-250: #dda3ff;
  --color-purple-300: #d68efd;
  --color-purple-350: #ca7bf5;
  --color-purple-400: #be69ea;
  --color-purple-450: #b157df;
  --color-purple-500: #a446d2;
  --color-purple-550: #9638c3;
  --color-purple-600: #872ab1;
  --color-purple-650: #75209b;
  --color-purple-700: #611782;
  --color-purple-750: #4f0e6b;
  --color-purple-800: #3d0554;
  --color-purple-850: #2b003e;
  --color-purple-900: #1a0027;
  --color-purple-950: #080011;
  --color-purple-a00: rgb(164 70 210 / 0);
  --color-purple-a02: rgb(164 70 210 / 0.02);
  --color-purple-a05: rgb(164 70 210 / 0.05);
  --color-purple-a07: rgb(164 70 210 / 0.07);
  --color-purple-a10: rgb(164 70 210 / 0.1);
  --color-purple-a12: rgb(164 70 210 / 0.12);
  --color-purple-a15: rgb(164 70 210 / 0.15);
  --color-purple-a20: rgb(164 70 210 / 0.2);
  --color-purple-a25: rgb(164 70 210 / 0.25);
  --color-purple-a30: rgb(164 70 210 / 0.3);
  --color-purple-a35: rgb(164 70 210 / 0.35);
  --color-purple-a40: rgb(164 70 210 / 0.4);
  --color-purple-a45: rgb(164 70 210 / 0.45);
  --color-purple-a50: rgb(164 70 210 / 0.5);
  --color-purple-base-default: var(--color-purple-500);
  --color-purple-base-hover: var(--color-purple-600);
  --color-purple-base-pressed: var(--color-purple-700);
  --color-purple-bg-layer-2: var(--color-purple-25);
  --color-purple-bg-layer-3: var(--color-purple-50);
  --color-purple-bg-layer-4: var(--color-purple-75);
  --color-purple-bg-layer-5: var(--color-purple-100);
  --color-purple-bg-page: var(--color-purple-10);
  --color-purple-fill: var(--color-purple-500);
  --color-purple-fill-hover: var(--color-purple-600);
  --color-purple-fill-pressed: var(--color-purple-700);
  --color-purple-input-glow-focus: var(--color-purple-a20);
  --color-purple-subtle: var(--color-purple-a07);
  --color-purple-subtle-hover: var(--color-purple-a10);
  --color-purple-subtle-medium: var(--color-purple-a20);
  --color-purple-subtle-pressed: var(--color-purple-a15);
  --color-purple-subtle-regular: var(--color-purple-a10);
  --color-purple-subtle-strong: var(--color-purple-a35);
  --color-purple-subtle-weak: var(--color-purple-a05);
  --color-purple-text: var(--color-purple-600);
  --color-purple-text-hover: var(--color-purple-700);
  --color-purple-text-on-solid: var(--color-white-base);
  --color-purple-text-pressed: var(--color-purple-800);
  --color-red-5: #fef9f8;
  --color-red-10: #fff8f7;
  --color-red-15: #fef4f4;
  --color-red-25: #fff1f0;
  --color-red-50: #ffeceb;
  --color-red-75: #ffe3e1;
  --color-red-100: #ffd8d6;
  --color-red-125: #ffcecc;
  --color-red-150: #ffc4c1;
  --color-red-200: #ffb1ad;
  --color-red-250: #ff9e99;
  --color-red-300: #ff8b85;
  --color-red-350: #ff7871;
  --color-red-400: #ff645c;
  --color-red-450: #ff5147;
  --color-red-500: #ff3b30;
  --color-red-550: #fc271c;
  --color-red-600: #f50c00;
  --color-red-650: #da0500;
  --color-red-700: #b80900;
  --color-red-750: #990800;
  --color-red-800: #7a0600;
  --color-red-850: #5b0400;
  --color-red-900: #3d0300;
  --color-red-950: #1f0200;
  --color-red-a00: rgb(255 59 48 / 0);
  --color-red-a02: rgb(255 59 48 / 0.02);
  --color-red-a05: rgb(255 59 48 / 0.05);
  --color-red-a07: rgb(255 59 48 / 0.07);
  --color-red-a10: rgb(255 59 48 / 0.1);
  --color-red-a12: rgb(255 59 48 / 0.12);
  --color-red-a15: rgb(255 59 48 / 0.15);
  --color-red-a20: rgb(255 59 48 / 0.2);
  --color-red-a25: rgb(255 59 48 / 0.25);
  --color-red-a30: rgb(255 59 48 / 0.3);
  --color-red-a35: rgb(255 59 48 / 0.35);
  --color-red-a40: rgb(255 59 48 / 0.4);
  --color-red-a45: rgb(255 59 48 / 0.45);
  --color-red-a50: rgb(255 59 48 / 0.5);
  --color-red-base-default: var(--color-red-500);
  --color-red-base-hover: var(--color-red-600);
  --color-red-base-pressed: var(--color-red-700);
  --color-red-bg-layer-2: var(--color-red-25);
  --color-red-bg-layer-3: var(--color-red-50);
  --color-red-bg-layer-4: var(--color-red-75);
  --color-red-bg-layer-5: var(--color-red-100);
  --color-red-bg-page: var(--color-red-10);
  --color-red-fill: var(--color-red-650);
  --color-red-fill-hover: var(--color-red-750);
  --color-red-fill-pressed: var(--color-red-850);
  --color-red-input-glow-focus: var(--color-red-a20);
  --color-red-subtle: var(--color-red-a07);
  --color-red-subtle-hover: var(--color-red-a10);
  --color-red-subtle-medium: var(--color-red-a20);
  --color-red-subtle-pressed: var(--color-red-a15);
  --color-red-subtle-regular: var(--color-red-a10);
  --color-red-subtle-strong: var(--color-red-a35);
  --color-red-subtle-weak: var(--color-red-a05);
  --color-red-text: var(--color-red-700);
  --color-red-text-hover: var(--color-red-750);
  --color-red-text-on-solid: var(--color-white-base);
  --color-red-text-pressed: var(--color-red-850);
  --color-relief-raised-medium: var(--color-white-a20);
  --color-relief-raised-strong: var(--color-white-a30);
  --color-relief-raised-weak: var(--color-white-a10);
  --color-relief-sunken-medium: var(--color-black-a20);
  --color-relief-sunken-strong: var(--color-black-a30);
  --color-relief-sunken-weak: var(--color-black-a10);
  --color-rose-5: #fff8fa;
  --color-rose-10: #fff8fa;
  --color-rose-15: #fff5f7;
  --color-rose-25: #fff2f5;
  --color-rose-50: #ffeef1;
  --color-rose-75: #ffe5ea;
  --color-rose-100: #ffdce2;
  --color-rose-125: #ffd3db;
  --color-rose-150: #ffcad5;
  --color-rose-200: #ffb9c8;
  --color-rose-250: #ffa6ba;
  --color-rose-300: #ff91ac;
  --color-rose-350: #ff789c;
  --color-rose-400: #f8628d;
  --color-rose-450: #ed4f80;
  --color-rose-500: #e03e74;
  --color-rose-550: #cf2e67;
  --color-rose-600: #bc1d5a;
  --color-rose-650: #a3104c;
  --color-rose-700: #89083e;
  --color-rose-750: #710031;
  --color-rose-800: #580023;
  --color-rose-850: #3f0017;
  --color-rose-900: #28000a;
  --color-rose-950: #100002;
  --color-rose-a00: rgb(224 62 116 / 0);
  --color-rose-a02: rgb(224 62 116 / 0.02);
  --color-rose-a05: rgb(224 62 116 / 0.05);
  --color-rose-a07: rgb(224 62 116 / 0.07);
  --color-rose-a10: rgb(224 62 116 / 0.1);
  --color-rose-a12: rgb(224 62 116 / 0.12);
  --color-rose-a15: rgb(224 62 116 / 0.15);
  --color-rose-a20: rgb(224 62 116 / 0.2);
  --color-rose-a25: rgb(224 62 116 / 0.25);
  --color-rose-a30: rgb(224 62 116 / 0.3);
  --color-rose-a35: rgb(224 62 116 / 0.35);
  --color-rose-a40: rgb(224 62 116 / 0.4);
  --color-rose-a45: rgb(224 62 116 / 0.45);
  --color-rose-a50: rgb(224 62 116 / 0.5);
  --color-rose-base-default: var(--color-rose-500);
  --color-rose-base-hover: var(--color-rose-600);
  --color-rose-base-pressed: var(--color-rose-700);
  --color-rose-bg-layer-2: var(--color-rose-25);
  --color-rose-bg-layer-3: var(--color-rose-50);
  --color-rose-bg-layer-4: var(--color-rose-75);
  --color-rose-bg-layer-5: var(--color-rose-100);
  --color-rose-bg-page: var(--color-rose-10);
  --color-rose-fill: var(--color-rose-550);
  --color-rose-fill-hover: var(--color-rose-650);
  --color-rose-fill-pressed: var(--color-rose-750);
  --color-rose-input-glow-focus: var(--color-rose-a20);
  --color-rose-subtle: var(--color-rose-a07);
  --color-rose-subtle-hover: var(--color-rose-a10);
  --color-rose-subtle-medium: var(--color-rose-a20);
  --color-rose-subtle-pressed: var(--color-rose-a15);
  --color-rose-subtle-regular: var(--color-rose-a10);
  --color-rose-subtle-strong: var(--color-rose-a35);
  --color-rose-subtle-weak: var(--color-rose-a05);
  --color-rose-text: var(--color-rose-600);
  --color-rose-text-hover: var(--color-rose-700);
  --color-rose-text-on-solid: var(--color-white-base);
  --color-rose-text-pressed: var(--color-rose-800);
  --color-sky-5: #f7fbfe;
  --color-sky-10: #f7fcff;
  --color-sky-15: #f2faff;
  --color-sky-25: #eef9ff;
  --color-sky-50: #e9f7ff;
  --color-sky-75: #def3ff;
  --color-sky-100: #d2efff;
  --color-sky-125: #c8ebff;
  --color-sky-150: #bde8ff;
  --color-sky-200: #a7e0ff;
  --color-sky-250: #8fd8ff;
  --color-sky-300: #74d0fe;
  --color-sky-350: #5ec6f8;
  --color-sky-400: #47bbf1;
  --color-sky-450: #2db1e9;
  --color-sky-500: #0ca6df;
  --color-sky-550: #0095ca;
  --color-sky-600: #0084b3;
  --color-sky-650: #00719a;
  --color-sky-700: #005e81;
  --color-sky-750: #004b68;
  --color-sky-800: #003950;
  --color-sky-850: #002739;
  --color-sky-900: #001523;
  --color-sky-950: #00050f;
  --color-sky-a00: rgb(12 166 223 / 0);
  --color-sky-a02: rgb(12 166 223 / 0.02);
  --color-sky-a05: rgb(12 166 223 / 0.05);
  --color-sky-a07: rgb(12 166 223 / 0.07);
  --color-sky-a10: rgb(12 166 223 / 0.1);
  --color-sky-a12: rgb(12 166 223 / 0.12);
  --color-sky-a15: rgb(12 166 223 / 0.15);
  --color-sky-a20: rgb(12 166 223 / 0.2);
  --color-sky-a25: rgb(12 166 223 / 0.25);
  --color-sky-a30: rgb(12 166 223 / 0.3);
  --color-sky-a35: rgb(12 166 223 / 0.35);
  --color-sky-a40: rgb(12 166 223 / 0.4);
  --color-sky-a45: rgb(12 166 223 / 0.45);
  --color-sky-a50: rgb(12 166 223 / 0.5);
  --color-sky-base-default: var(--color-sky-500);
  --color-sky-base-hover: var(--color-sky-600);
  --color-sky-base-pressed: var(--color-sky-700);
  --color-sky-bg-layer-2: var(--color-sky-25);
  --color-sky-bg-layer-3: var(--color-sky-50);
  --color-sky-bg-layer-4: var(--color-sky-75);
  --color-sky-bg-layer-5: var(--color-sky-100);
  --color-sky-bg-page: var(--color-sky-10);
  --color-sky-fill: var(--color-sky-650);
  --color-sky-fill-hover: var(--color-sky-750);
  --color-sky-fill-pressed: var(--color-sky-850);
  --color-sky-input-glow-focus: var(--color-sky-a20);
  --color-sky-subtle: var(--color-sky-a07);
  --color-sky-subtle-hover: var(--color-sky-a10);
  --color-sky-subtle-medium: var(--color-sky-a20);
  --color-sky-subtle-pressed: var(--color-sky-a15);
  --color-sky-subtle-regular: var(--color-sky-a10);
  --color-sky-subtle-strong: var(--color-sky-a35);
  --color-sky-subtle-weak: var(--color-sky-a05);
  --color-sky-text: var(--color-sky-650);
  --color-sky-text-hover: var(--color-sky-750);
  --color-sky-text-on-solid: var(--color-white-base);
  --color-sky-text-pressed: var(--color-sky-850);
  --color-teal-5: #f7fbfa;
  --color-teal-10: #f7fcfa;
  --color-teal-15: #f2f9f7;
  --color-teal-25: #eef8f5;
  --color-teal-50: #e8f6f2;
  --color-teal-75: #dcf1ec;
  --color-teal-100: #ceece5;
  --color-teal-125: #c3e8de;
  --color-teal-150: #b7e3d8;
  --color-teal-200: #a1dacc;
  --color-teal-250: #8ad0c0;
  --color-teal-300: #72c5b3;
  --color-teal-350: #5bb8a5;
  --color-teal-400: #43ab97;
  --color-teal-450: #289e8a;
  --color-teal-500: #00917d;
  --color-teal-550: #008270;
  --color-teal-600: #007363;
  --color-teal-650: #006354;
  --color-teal-700: #005246;
  --color-teal-750: #004137;
  --color-teal-800: #003129;
  --color-teal-850: #00221b;
  --color-teal-900: #00130e;
  --color-teal-950: #000503;
  --color-teal-a00: rgb(0 145 125 / 0);
  --color-teal-a02: rgb(0 145 125 / 0.02);
  --color-teal-a05: rgb(0 145 125 / 0.05);
  --color-teal-a07: rgb(0 145 125 / 0.07);
  --color-teal-a10: rgb(0 145 125 / 0.1);
  --color-teal-a12: rgb(0 145 125 / 0.12);
  --color-teal-a15: rgb(0 145 125 / 0.15);
  --color-teal-a20: rgb(0 145 125 / 0.2);
  --color-teal-a25: rgb(0 145 125 / 0.25);
  --color-teal-a30: rgb(0 145 125 / 0.3);
  --color-teal-a35: rgb(0 145 125 / 0.35);
  --color-teal-a40: rgb(0 145 125 / 0.4);
  --color-teal-a45: rgb(0 145 125 / 0.45);
  --color-teal-a50: rgb(0 145 125 / 0.5);
  --color-teal-base-default: var(--color-teal-500);
  --color-teal-base-hover: var(--color-teal-600);
  --color-teal-base-pressed: var(--color-teal-700);
  --color-teal-bg-layer-2: var(--color-teal-25);
  --color-teal-bg-layer-3: var(--color-teal-50);
  --color-teal-bg-layer-4: var(--color-teal-75);
  --color-teal-bg-layer-5: var(--color-teal-100);
  --color-teal-bg-page: var(--color-teal-10);
  --color-teal-fill: var(--color-teal-550);
  --color-teal-fill-hover: var(--color-teal-650);
  --color-teal-fill-pressed: var(--color-teal-750);
  --color-teal-input-glow-focus: var(--color-teal-a20);
  --color-teal-subtle: var(--color-teal-a07);
  --color-teal-subtle-hover: var(--color-teal-a10);
  --color-teal-subtle-medium: var(--color-teal-a20);
  --color-teal-subtle-pressed: var(--color-teal-a15);
  --color-teal-subtle-regular: var(--color-teal-a10);
  --color-teal-subtle-strong: var(--color-teal-a35);
  --color-teal-subtle-weak: var(--color-teal-a05);
  --color-teal-text: var(--color-teal-600);
  --color-teal-text-hover: var(--color-teal-700);
  --color-teal-text-on-solid: var(--color-white-base);
  --color-teal-text-pressed: var(--color-teal-800);
  --color-white-a00: rgb(255 255 255 / 0);
  --color-white-a02: rgb(255 255 255 / 0.02);
  --color-white-a03: rgb(255 255 255 / 0.03);
  --color-white-a05: rgb(255 255 255 / 0.05);
  --color-white-a07: rgb(255 255 255 / 0.07);
  --color-white-a10: rgb(255 255 255 / 0.1);
  --color-white-a12: rgb(255 255 255 / 0.12);
  --color-white-a15: rgb(255 255 255 / 0.15);
  --color-white-a20: rgb(255 255 255 / 0.2);
  --color-white-a25: rgb(255 255 255 / 0.25);
  --color-white-a30: rgb(255 255 255 / 0.3);
  --color-white-a35: rgb(255 255 255 / 0.35);
  --color-white-a40: rgb(255 255 255 / 0.4);
  --color-white-a45: rgb(255 255 255 / 0.45);
  --color-white-a50: rgb(255 255 255 / 0.5);
  --color-white-a90: rgb(255 255 255 / 0.9);
  --color-white-a95: rgb(255 255 255 / 0.95);
  --color-white-base: #ffffff;
  --color-white-bg-layer-2: var(--color-white-a05);
  --color-white-bg-layer-3: var(--color-white-a07);
  --color-white-bg-layer-4: var(--color-white-a10);
  --color-white-bg-layer-5: var(--color-white-a15);
  --color-white-bg-page: var(--color-white-a02);
  --color-white-fill: var(--color-gray-5);
  --color-white-fill-hover: var(--color-gray-50);
  --color-white-fill-pressed: var(--color-gray-75);
  --color-white-input-glow-focus: var(--color-white-a35);
  --color-white-subtle: var(--color-white-a10);
  --color-white-subtle-hover: var(--color-white-a15);
  --color-white-subtle-pressed: var(--color-white-a20);
  --color-white-text: var(--color-gray-950);
  --color-white-text-hover: var(--color-gray-25);
  --color-white-text-on-solid: var(--color-black-base);
  --color-white-text-pressed: var(--color-gray-50);
  --color-wine-5: #fef8f8;
  --color-wine-10: #fff7f7;
  --color-wine-15: #fff3f3;
  --color-wine-25: #ffefef;
  --color-wine-50: #ffe9e9;
  --color-wine-75: #ffddde;
  --color-wine-100: #ffd0d1;
  --color-wine-125: #fcc6c7;
  --color-wine-150: #f9bcbd;
  --color-wine-200: #efa8aa;
  --color-wine-250: #df9092;
  --color-wine-300: #cc767a;
  --color-wine-350: #b55b60;
  --color-wine-400: #a1434b;
  --color-wine-450: #96323d;
  --color-wine-500: #8b2332;
  --color-wine-550: #7c1226;
  --color-wine-600: #6f001c;
  --color-wine-650: #640015;
  --color-wine-700: #59000f;
  --color-wine-750: #4e000a;
  --color-wine-800: #440006;
  --color-wine-850: #3b0004;
  --color-wine-900: #320002;
  --color-wine-950: #230000;
  --color-wine-a00: rgb(139 35 50 / 0);
  --color-wine-a02: rgb(139 35 50 / 0.02);
  --color-wine-a05: rgb(139 35 50 / 0.05);
  --color-wine-a07: rgb(139 35 50 / 0.07);
  --color-wine-a10: rgb(139 35 50 / 0.1);
  --color-wine-a12: rgb(139 35 50 / 0.12);
  --color-wine-a15: rgb(139 35 50 / 0.15);
  --color-wine-a20: rgb(139 35 50 / 0.2);
  --color-wine-a25: rgb(139 35 50 / 0.25);
  --color-wine-a30: rgb(139 35 50 / 0.3);
  --color-wine-a35: rgb(139 35 50 / 0.35);
  --color-wine-a40: rgb(139 35 50 / 0.4);
  --color-wine-a45: rgb(139 35 50 / 0.45);
  --color-wine-a50: rgb(139 35 50 / 0.5);
  --color-wine-base-default: var(--color-wine-500);
  --color-wine-base-hover: var(--color-wine-600);
  --color-wine-base-pressed: var(--color-wine-700);
  --color-wine-bg-layer-2: var(--color-wine-25);
  --color-wine-bg-layer-3: var(--color-wine-50);
  --color-wine-bg-layer-4: var(--color-wine-75);
  --color-wine-bg-layer-5: var(--color-wine-100);
  --color-wine-bg-page: var(--color-wine-10);
  --color-wine-fill: var(--color-wine-500);
  --color-wine-fill-hover: var(--color-wine-600);
  --color-wine-fill-pressed: var(--color-wine-700);
  --color-wine-input-glow-focus: var(--color-wine-a20);
  --color-wine-subtle: var(--color-wine-a07);
  --color-wine-subtle-hover: var(--color-wine-a10);
  --color-wine-subtle-medium: var(--color-wine-a20);
  --color-wine-subtle-pressed: var(--color-wine-a15);
  --color-wine-subtle-regular: var(--color-wine-a10);
  --color-wine-subtle-strong: var(--color-wine-a35);
  --color-wine-subtle-weak: var(--color-wine-a05);
  --color-wine-text: var(--color-wine-600);
  --color-wine-text-hover: var(--color-wine-700);
  --color-wine-text-on-solid: var(--color-white-base);
  --color-wine-text-pressed: var(--color-wine-800);
  --color-yellow-5: #fdfbf6;
  --color-yellow-10: #fefdf6;
  --color-yellow-15: #fefbf0;
  --color-yellow-25: #fefaec;
  --color-yellow-50: #fff9e5;
  --color-yellow-75: #fff6d9;
  --color-yellow-100: #fff3cc;
  --color-yellow-125: #fff0bf;
  --color-yellow-150: #ffedb2;
  --color-yellow-200: #ffe799;
  --color-yellow-250: #ffe17f;
  --color-yellow-300: #ffdb66;
  --color-yellow-350: #ffd54c;
  --color-yellow-400: #ffcf33;
  --color-yellow-450: #ffca2f;
  --color-yellow-500: #ffc402;
  --color-yellow-550: #eab300;
  --color-yellow-600: #cc9c00;
  --color-yellow-650: #b38800;
  --color-yellow-700: #997500;
  --color-yellow-750: #806200;
  --color-yellow-800: #664e00;
  --color-yellow-850: #4c3a00;
  --color-yellow-900: #332700;
  --color-yellow-950: #191400;
  --color-yellow-a00: rgb(255 196 2 / 0);
  --color-yellow-a02: rgb(255 196 2 / 0.02);
  --color-yellow-a05: rgb(255 196 2 / 0.05);
  --color-yellow-a07: rgb(255 196 2 / 0.07);
  --color-yellow-a10: rgb(255 196 2 / 0.1);
  --color-yellow-a12: rgb(255 196 2 / 0.12);
  --color-yellow-a15: rgb(255 196 2 / 0.15);
  --color-yellow-a20: rgb(255 196 2 / 0.2);
  --color-yellow-a25: rgb(255 196 2 / 0.25);
  --color-yellow-a30: rgb(255 196 2 / 0.3);
  --color-yellow-a35: rgb(255 196 2 / 0.35);
  --color-yellow-a40: rgb(255 196 2 / 0.4);
  --color-yellow-a45: rgb(255 196 2 / 0.45);
  --color-yellow-a50: rgb(255 196 2 / 0.5);
  --color-yellow-base-default: var(--color-yellow-500);
  --color-yellow-base-hover: var(--color-yellow-600);
  --color-yellow-base-pressed: var(--color-yellow-700);
  --color-yellow-bg-layer-2: var(--color-yellow-25);
  --color-yellow-bg-layer-3: var(--color-yellow-50);
  --color-yellow-bg-layer-4: var(--color-yellow-75);
  --color-yellow-bg-layer-5: var(--color-yellow-100);
  --color-yellow-bg-page: var(--color-yellow-10);
  --color-yellow-fill: var(--color-yellow-750);
  --color-yellow-fill-hover: var(--color-yellow-850);
  --color-yellow-fill-pressed: var(--color-yellow-900);
  --color-yellow-input-glow-focus: var(--color-yellow-a20);
  --color-yellow-subtle: var(--color-yellow-a07);
  --color-yellow-subtle-hover: var(--color-yellow-a10);
  --color-yellow-subtle-medium: var(--color-yellow-a20);
  --color-yellow-subtle-pressed: var(--color-yellow-a15);
  --color-yellow-subtle-regular: var(--color-yellow-a10);
  --color-yellow-subtle-strong: var(--color-yellow-a35);
  --color-yellow-subtle-weak: var(--color-yellow-a05);
  --color-yellow-text: var(--color-yellow-750);
  --color-yellow-text-hover: var(--color-yellow-850);
  --color-yellow-text-on-solid: var(--color-white-base);
  --color-yellow-text-pressed: var(--color-yellow-950);
  --effect-glass-default-backdrop-blur: 18px;
  --color-brand-50: var(--color-blue-50);
  --color-brand-100: var(--color-blue-100);
  --color-brand-150: var(--color-blue-150);
  --color-brand-200: var(--color-blue-200);
  --color-brand-250: var(--color-blue-250);
  --color-brand-300: var(--color-blue-300);
  --color-brand-350: var(--color-blue-350);
  --color-brand-400: var(--color-blue-400);
  --color-brand-450: var(--color-blue-450);
  --color-brand-500: var(--color-blue-500);
  --color-brand-550: var(--color-blue-550);
  --color-brand-600: var(--color-blue-600);
  --color-brand-650: var(--color-blue-650);
  --color-brand-700: var(--color-blue-700);
  --color-brand-750: var(--color-blue-750);
  --color-brand-800: var(--color-blue-800);
  --color-brand-850: var(--color-blue-850);
  --color-brand-900: var(--color-blue-900);
  --color-brand-950: var(--color-blue-950);
  --color-brand-a00: var(--color-blue-a00);
  --color-brand-a03: var(--color-blue-a02);
  --color-brand-a05: var(--color-blue-a05);
  --color-brand-a07: var(--color-blue-a07);
  --color-brand-a10: var(--color-blue-a10);
  --color-brand-a12: var(--color-blue-a12);
  --color-brand-a15: var(--color-blue-a15);
  --color-brand-a20: var(--color-blue-a20);
  --color-brand-a25: var(--color-blue-a25);
  --color-brand-a30: var(--color-blue-a30);
  --color-brand-a35: var(--color-blue-a35);
  --color-brand-a40: var(--color-blue-a40);
  --color-brand-a45: var(--color-blue-a45);
  --color-brand-a50: var(--color-blue-a50);
  --color-brand-accessible-solid-default: var(--color-blue-fill);
  --color-brand-accessible-solid-hover: var(--color-blue-fill-hover);
  --color-brand-accessible-solid-pressed: var(--color-blue-fill-pressed);
  --color-brand-base-default: var(--color-blue-base-default);
  --color-brand-base-hover: var(--color-blue-base-hover);
  --color-brand-base-pressed: var(--color-blue-base-pressed);
  --color-brand-black: var(--color-black-base);
  --color-brand-black-a00: var(--color-black-a00);
  --color-brand-black-a02: var(--color-black-a02);
  --color-brand-black-a03: var(--color-black-a03);
  --color-brand-black-a05: var(--color-black-a05);
  --color-brand-black-a07: var(--color-black-a07);
  --color-brand-black-a10: var(--color-black-a10);
  --color-brand-black-a12: var(--color-black-a12);
  --color-brand-black-a15: var(--color-black-a15);
  --color-brand-black-a20: var(--color-black-a20);
  --color-brand-black-a25: var(--color-black-a25);
  --color-brand-black-a30: var(--color-black-a30);
  --color-brand-black-a35: var(--color-black-a35);
  --color-brand-black-a40: var(--color-black-a40);
  --color-brand-black-a45: var(--color-black-a45);
  --color-brand-black-a50: var(--color-black-a50);
  --color-brand-black-a70: var(--color-black-a70);
  --color-brand-black-bg-layer-2: var(--color-black-bg-layer-2);
  --color-brand-black-bg-layer-3: var(--color-black-bg-layer-3);
  --color-brand-black-bg-layer-4: var(--color-black-bg-layer-4);
  --color-brand-black-bg-layer-5: var(--color-black-bg-layer-5);
  --color-brand-black-bg-page: var(--color-black-bg-page);
  --color-brand-black-fill: var(--color-black-fill);
  --color-brand-black-fill-hover: var(--color-black-fill-hover);
  --color-brand-black-fill-pressed: var(--color-black-fill-pressed);
  --color-brand-black-input-glow-focus: var(--color-black-input-glow-focus);
  --color-brand-black-subtle: var(--color-black-subtle);
  --color-brand-black-subtle-hover: var(--color-black-subtle-hover);
  --color-brand-black-subtle-pressed: var(--color-black-subtle-pressed);
  --color-brand-black-text: var(--color-black-text);
  --color-brand-black-text-hover: var(--color-black-text-hover);
  --color-brand-black-text-on-solid: var(--color-black-text-on-solid);
  --color-brand-black-text-pressed: var(--color-black-text-pressed);
  --color-brand-border-default: var(--color-layout-stroke-default);
  --color-brand-border-strong: var(--color-layout-stroke-strong);
  --color-brand-border-subtle: var(--color-layout-stroke-subtle);
  --color-brand-elevation-1: var(--color-elevation-shadow-1);
  --color-brand-elevation-2: var(--color-elevation-shadow-2);
  --color-brand-elevation-3: var(--color-elevation-shadow-3);
  --color-brand-elevation-4: var(--color-elevation-shadow-4);
  --color-brand-elevation-5: var(--color-elevation-shadow-5);
  --color-brand-elevation-raised: var(--color-elevation-raised);
  --color-brand-elevation-sunken: var(--color-elevation-sunken);
  --color-brand-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-brand-feedback-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-brand-feedback-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-brand-feedback-danger-border: var(--color-feedback-danger-border);
  --color-brand-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-brand-feedback-danger-on-solid: var(--color-feedback-danger-on-solid);
  --color-brand-feedback-danger-solid: var(--color-feedback-danger-solid);
  --color-brand-feedback-danger-solid-hover: var(--color-feedback-danger-solid-hover);
  --color-brand-feedback-danger-solid-pressed: var(--color-feedback-danger-solid-pressed);
  --color-brand-feedback-info-bg: var(--color-feedback-info-bg);
  --color-brand-feedback-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-brand-feedback-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-brand-feedback-info-border: var(--color-feedback-info-border);
  --color-brand-feedback-info-fg: var(--color-feedback-info-fg);
  --color-brand-feedback-info-on-solid: var(--color-feedback-info-on-solid);
  --color-brand-feedback-info-solid: var(--color-feedback-info-solid);
  --color-brand-feedback-info-solid-hover: var(--color-feedback-info-solid-hover);
  --color-brand-feedback-info-solid-pressed: var(--color-feedback-info-solid-pressed);
  --color-brand-feedback-success-bg: var(--color-feedback-success-bg);
  --color-brand-feedback-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-brand-feedback-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-brand-feedback-success-border: var(--color-feedback-success-border);
  --color-brand-feedback-success-fg: var(--color-feedback-success-fg);
  --color-brand-feedback-success-on-solid: var(--color-feedback-success-on-solid);
  --color-brand-feedback-success-solid: var(--color-feedback-success-solid);
  --color-brand-feedback-success-solid-hover: var(--color-feedback-success-solid-hover);
  --color-brand-feedback-success-solid-pressed: var(--color-feedback-success-solid-pressed);
  --color-brand-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-brand-feedback-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-brand-feedback-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-brand-feedback-warning-border: var(--color-feedback-warning-border);
  --color-brand-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-brand-feedback-warning-on-solid: var(--color-feedback-warning-on-solid);
  --color-brand-feedback-warning-solid: var(--color-feedback-warning-solid);
  --color-brand-feedback-warning-solid-hover: var(--color-feedback-warning-solid-hover);
  --color-brand-feedback-warning-solid-pressed: var(--color-feedback-warning-solid-pressed);
  --color-brand-font-always-black: var(--color-layout-text-always-black);
  --color-brand-font-always-white: var(--color-layout-text-always-white);
  --color-brand-font-body: var(--color-layout-text-body);
  --color-brand-font-caption: var(--color-layout-text-caption);
  --color-brand-font-caption-light: var(--color-layout-text-caption-light);
  --color-brand-font-disabled: var(--color-layout-text-disabled);
  --color-brand-font-title: var(--color-layout-text-title);
  --color-brand-glass-contrast-surface: var(--color-glass-contrast-surface);
  --color-brand-glass-middle-surface: var(--color-glass-middle-surface);
  --color-brand-glass-soft-surface: var(--color-glass-soft-surface);
  --color-brand-glass-solid-surface: var(--color-glass-solid-surface);
  --color-brand-glass-strong-surface: var(--color-glass-strong-surface);
  --color-brand-role-bg-dim: var(--color-elevation-dim);
  --color-brand-role-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-brand-role-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-brand-role-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-brand-role-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-brand-role-bg-gray-page: var(--color-elevation-gray-page);
  --color-brand-role-bg-layer-2: var(--color-blue-bg-layer-2);
  --color-brand-role-bg-layer-3: var(--color-blue-bg-layer-3);
  --color-brand-role-bg-layer-4: var(--color-blue-bg-layer-4);
  --color-brand-role-bg-layer-5: var(--color-blue-bg-layer-5);
  --color-brand-role-bg-page: var(--color-blue-bg-page);
  --color-brand-role-bg-system-elevation-1: var(--color-elevation-system-1);
  --color-brand-role-bg-system-elevation-2: var(--color-elevation-system-2);
  --color-brand-role-bg-system-elevation-3: var(--color-elevation-system-3);
  --color-brand-role-bg-system-elevation-4: var(--color-elevation-system-4);
  --color-brand-role-bg-system-elevation-5: var(--color-elevation-system-5);
  --color-brand-role-bg-system-page: var(--color-brand-role-bg-system-elevation-1);
  --color-brand-role-bg-system-search-bar: var(--color-brand-role-bg-system-elevation-2);
  --color-brand-role-bg-system-sidebar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-system-topbar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-user-elevation-1: var(--color-elevation-user-1);
  --color-brand-role-bg-user-elevation-2: var(--color-elevation-user-2);
  --color-brand-role-bg-user-elevation-3: var(--color-elevation-user-3);
  --color-brand-role-bg-user-elevation-4: var(--color-elevation-user-4);
  --color-brand-role-bg-user-elevation-5: var(--color-elevation-user-5);
  --color-brand-role-input-bg-default: var(--color-input-bg-default);
  --color-brand-role-input-bg-disabled: var(--color-input-bg-disabled);
  --color-brand-role-input-bg-focus: var(--color-input-bg-focus);
  --color-brand-role-input-bg-hover: var(--color-input-bg-hover);
  --color-brand-role-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-brand-role-input-bg-user-light: var(--color-input-bg-user-light);
  --color-brand-role-input-fg-danger: var(--color-brand-feedback-danger-fg);
  --color-brand-role-input-fg-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-helper: var(--color-input-fg-helper);
  --color-brand-role-input-fg-icon-action: var(--color-brand-font-body);
  --color-brand-role-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-brand-role-input-fg-icon-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-icon-focus: var(--color-brand-role-text);
  --color-brand-role-input-fg-info: var(--color-brand-feedback-info-fg);
  --color-brand-role-input-fg-label: var(--color-brand-font-title);
  --color-brand-role-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-brand-role-input-fg-required: var(--color-input-fg-required);
  --color-brand-role-input-fg-success: var(--color-brand-feedback-success-fg);
  --color-brand-role-input-fg-value: var(--color-brand-font-title);
  --color-brand-role-input-fg-warning: var(--color-brand-feedback-warning-fg);
  --color-brand-role-input-glow-danger: var(--color-input-glow-danger);
  --color-brand-role-input-glow-focus: var(--color-blue-input-glow-focus);
  --color-brand-role-input-glow-info: var(--color-input-glow-info);
  --color-brand-role-input-glow-success: var(--color-input-glow-success);
  --color-brand-role-input-glow-warning: var(--color-input-glow-warning);
  --color-brand-role-input-select-option-bg-hover: var(--color-input-select-option-bg-hover);
  --color-brand-role-input-stroke-danger: var(--color-input-stroke-danger);
  --color-brand-role-input-stroke-default: var(--color-input-stroke-default);
  --color-brand-role-input-stroke-disabled: var(--color-brand-border-subtle);
  --color-brand-role-input-stroke-focus: var(--color-brand-role-text);
  --color-brand-role-input-stroke-hover: var(--color-input-stroke-hover);
  --color-brand-role-input-stroke-info: var(--color-input-stroke-info);
  --color-brand-role-input-stroke-success: var(--color-input-stroke-success);
  --color-brand-role-input-stroke-warning: var(--color-input-stroke-warning);
  --color-brand-role-relief-raised-medium: var(--color-relief-raised-medium);
  --color-brand-role-relief-raised-strong: var(--color-relief-raised-strong);
  --color-brand-role-relief-raised-weak: var(--color-relief-raised-weak);
  --color-brand-role-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-brand-role-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-brand-role-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-brand-role-subtle: var(--color-blue-subtle);
  --color-brand-role-subtle-hover: var(--color-blue-subtle-hover);
  --color-brand-role-subtle-medium: var(--color-blue-subtle-medium);
  --color-brand-role-subtle-pressed: var(--color-blue-subtle-pressed);
  --color-brand-role-subtle-regular: var(--color-blue-subtle-regular);
  --color-brand-role-subtle-strong: var(--color-blue-subtle-strong);
  --color-brand-role-subtle-weak: var(--color-blue-subtle-weak);
  --color-brand-role-table-bg-default: var(--color-brand-role-bg-gray-page);
  --color-brand-role-table-bg-focus: var(--color-brand-a07);
  --color-brand-role-table-bg-gray: var(--color-layout-table-bg-gray);
  --color-brand-role-table-bg-hover: var(--color-brand-a05);
  --color-brand-role-table-header-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-brand-role-table-header-bg-gray: var(--color-layout-table-header-bg-gray);
  --color-brand-role-table-header-stroke-bottom-black: var(--color-black-base);
  --color-brand-role-table-shadow-brand-end: var(--color-blue-a00);
  --color-brand-role-table-shadow-brand-start: var(--color-blue-a25);
  --color-brand-role-table-shadow-neutral-end: var(--color-gray-a00);
  --color-brand-role-table-shadow-neutral-start: var(--color-gray-a25);
  --color-brand-role-table-stroke-default: var(--color-brand-border-default);
  --color-brand-role-table-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-role-table-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-table-stroke-terminal: var(--color-gray-800);
  --color-brand-role-text: var(--color-blue-text);
  --color-brand-role-text-hover: var(--color-blue-text-hover);
  --color-brand-role-text-on-solid: var(--color-blue-text-on-solid);
  --color-brand-role-text-pressed: var(--color-blue-text-pressed);
  --color-brand-subtle-gray-default: var(--color-layout-subtle-gray-default);
  --color-brand-subtle-gray-hover: var(--color-layout-subtle-gray-hover);
  --color-brand-subtle-gray-medium: var(--color-layout-subtle-gray-medium);
  --color-brand-subtle-gray-pressed: var(--color-layout-subtle-gray-pressed);
  --color-brand-subtle-gray-regular: var(--color-layout-subtle-gray-regular);
  --color-brand-subtle-gray-strong: var(--color-layout-subtle-gray-strong);
  --color-brand-subtle-gray-weak: var(--color-layout-subtle-gray-weak);
  --color-brand-text-inverse: var(--color-layout-text-inverse);
  --color-brand-text-inverse-muted: var(--color-layout-text-inverse-muted);
  --color-brand-text-neutral-on-solid-muted: var(--color-layout-text-on-solid-muted);
  --color-brand-white: var(--color-white-base);
  --color-brand-white-a00: var(--color-white-a00);
  --color-brand-white-a02: var(--color-white-a02);
  --color-brand-white-a03: var(--color-white-a03);
  --color-brand-white-a05: var(--color-white-a05);
  --color-brand-white-a07: var(--color-white-a07);
  --color-brand-white-a10: var(--color-white-a10);
  --color-brand-white-a12: var(--color-white-a12);
  --color-brand-white-a15: var(--color-white-a15);
  --color-brand-white-a20: var(--color-white-a20);
  --color-brand-white-a25: var(--color-white-a25);
  --color-brand-white-a30: var(--color-white-a30);
  --color-brand-white-a35: var(--color-white-a35);
  --color-brand-white-a40: var(--color-white-a40);
  --color-brand-white-a45: var(--color-white-a45);
  --color-brand-white-a50: var(--color-white-a50);
  --color-brand-white-a90: var(--color-white-a90);
  --color-brand-white-a95: var(--color-white-a95);
  --color-brand-white-bg-layer-2: var(--color-white-bg-layer-2);
  --color-brand-white-bg-layer-3: var(--color-white-bg-layer-3);
  --color-brand-white-bg-layer-4: var(--color-white-bg-layer-4);
  --color-brand-white-bg-layer-5: var(--color-white-bg-layer-5);
  --color-brand-white-bg-page: var(--color-white-bg-page);
  --color-brand-white-fill: var(--color-white-fill);
  --color-brand-white-fill-hover: var(--color-white-fill-hover);
  --color-brand-white-fill-pressed: var(--color-white-fill-pressed);
  --color-brand-white-input-glow-focus: var(--color-white-input-glow-focus);
  --color-brand-white-subtle: var(--color-white-subtle);
  --color-brand-white-subtle-hover: var(--color-white-subtle-hover);
  --color-brand-white-subtle-pressed: var(--color-white-subtle-pressed);
  --color-brand-white-text: var(--color-white-text);
  --color-brand-white-text-hover: var(--color-white-text-hover);
  --color-brand-white-text-on-solid: var(--color-white-text-on-solid);
  --color-brand-white-text-pressed: var(--color-white-text-pressed);
  --color-selection-bg-disabled: var(--color-brand-role-input-bg-disabled);
  --color-selection-bg-unselected: var(--color-brand-role-input-bg-default);
  --color-selection-bg-unselected-hover: var(--color-brand-role-input-bg-hover);
  --color-selection-fg-indicator-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-indicator-selected: var(--color-brand-role-text-on-solid);
  --color-selection-fg-indicator-unselected: var(--color-brand-role-input-fg-icon-default);
  --color-selection-fg-label: var(--color-layout-text-title);
  --color-selection-fg-label-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-selected-control: var(--color-brand-role-text);
  --color-selection-fg-selected-control-hover: var(--color-brand-role-text-hover);
  --color-selection-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-selection-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-selection-stroke-unselected: var(--color-brand-role-input-stroke-default);
  --color-selection-stroke-unselected-hover: var(--color-brand-role-input-stroke-hover);
  --color-input-select-option-bg-hover: var(--color-brand-role-subtle);
  --color-input-select-option-panel-stroke: var(--color-brand-role-input-stroke-focus);
  --color-action-amber-border: var(--color-amber-fill);
  --color-action-amber-category-bg: var(--color-amber-subtle);
  --color-action-amber-fill: var(--color-amber-fill);
  --color-action-amber-fill-hover: var(--color-amber-fill-hover);
  --color-action-amber-fill-press: var(--color-amber-fill-pressed);
  --color-action-amber-fill-pressed: var(--color-amber-fill-pressed);
  --color-action-amber-hover: var(--color-amber-subtle-hover);
  --color-action-amber-press: var(--color-amber-subtle-pressed);
  --color-action-amber-pressed: var(--color-amber-subtle-pressed);
  --color-action-amber-subtle: var(--color-amber-subtle);
  --color-action-amber-text: var(--color-amber-text);
  --color-action-amber-tonal: var(--color-amber-subtle);
  --color-action-azure-fill-hover: var(--color-azure-fill-hover);
  --color-action-azure-fill-press: var(--color-azure-fill-pressed);
  --color-action-azure-fill-pressed: var(--color-azure-fill-pressed);
  --color-action-azure-hover: var(--color-azure-subtle-hover);
  --color-action-azure-press: var(--color-azure-subtle-pressed);
  --color-action-azure-pressed: var(--color-azure-subtle-pressed);
  --color-action-black-border: var(--color-black-fill);
  --color-action-black-category-bg: var(--color-black-subtle);
  --color-action-black-fill: var(--color-black-fill);
  --color-action-black-fill-hover: var(--color-black-fill-hover);
  --color-action-black-fill-press: var(--color-black-fill-pressed);
  --color-action-black-fill-pressed: var(--color-black-fill-pressed);
  --color-action-black-fill-text: var(--color-black-text-on-solid);
  --color-action-black-hover: var(--color-black-subtle-hover);
  --color-action-black-press: var(--color-black-subtle-pressed);
  --color-action-black-pressed: var(--color-black-subtle-pressed);
  --color-action-black-subtle: var(--color-black-subtle);
  --color-action-black-text: var(--color-black-text);
  --color-action-black-tonal: var(--color-black-subtle);
  --color-action-brand-border: var(--color-brand-accessible-solid-default);
  --color-action-brand-category-bg: var(--color-brand-role-subtle);
  --color-action-brand-fill: var(--color-brand-accessible-solid-default);
  --color-action-brand-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-action-brand-fill-press: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-text: var(--color-brand-role-text-on-solid);
  --color-action-brand-hover: var(--color-brand-role-subtle-hover);
  --color-action-brand-press: var(--color-brand-role-subtle-pressed);
  --color-action-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-action-brand-subtle: var(--color-brand-role-subtle);
  --color-action-brand-text: var(--color-brand-role-text);
  --color-action-brand-tonal: var(--color-brand-role-subtle);
  --color-action-coral-fill-hover: var(--color-coral-fill-hover);
  --color-action-coral-fill-press: var(--color-coral-fill-pressed);
  --color-action-coral-fill-pressed: var(--color-coral-fill-pressed);
  --color-action-coral-hover: var(--color-coral-subtle-hover);
  --color-action-coral-press: var(--color-coral-subtle-pressed);
  --color-action-coral-pressed: var(--color-coral-subtle-pressed);
  --color-action-danger-fill-hover: var(--color-feedback-danger-solid-hover);
  --color-action-danger-fill-press: var(--color-feedback-danger-solid-pressed);
  --color-action-danger-hover: var(--color-feedback-danger-bg-hover);
  --color-action-danger-press: var(--color-feedback-danger-bg-pressed);
  --color-action-emerald-border: var(--color-emerald-fill);
  --color-action-emerald-category-bg: var(--color-emerald-subtle);
  --color-action-emerald-fill: var(--color-emerald-fill);
  --color-action-emerald-fill-hover: var(--color-emerald-fill-hover);
  --color-action-emerald-fill-press: var(--color-emerald-fill-pressed);
  --color-action-emerald-fill-pressed: var(--color-emerald-fill-pressed);
  --color-action-emerald-hover: var(--color-emerald-subtle-hover);
  --color-action-emerald-press: var(--color-emerald-subtle-pressed);
  --color-action-emerald-pressed: var(--color-emerald-subtle-pressed);
  --color-action-emerald-subtle: var(--color-emerald-subtle);
  --color-action-emerald-text: var(--color-emerald-text);
  --color-action-emerald-tonal: var(--color-emerald-subtle);
  --color-action-gray-border: var(--color-neutral-button-stroke);
  --color-action-gray-category-bg: var(--color-neutral-button-subtle);
  --color-action-gray-fill: var(--color-neutral-button-fill);
  --color-action-gray-fill-hover: var(--color-neutral-button-fill-hover);
  --color-action-gray-fill-press: var(--color-neutral-button-fill-pressed);
  --color-action-gray-fill-pressed: var(--color-neutral-button-fill-pressed);
  --color-action-gray-fill-text: var(--color-neutral-button-fill-fg);
  --color-action-gray-hover: var(--color-neutral-button-subtle-hover);
  --color-action-gray-press: var(--color-neutral-button-subtle-pressed);
  --color-action-gray-pressed: var(--color-neutral-button-subtle-pressed);
  --color-action-gray-subtle: var(--color-neutral-button-subtle);
  --color-action-gray-text: var(--color-neutral-button-text);
  --color-action-gray-tonal: var(--color-neutral-button-subtle);
  --color-action-indigo-border: var(--color-indigo-fill);
  --color-action-indigo-category-bg: var(--color-indigo-subtle);
  --color-action-indigo-fill: var(--color-indigo-fill);
  --color-action-indigo-fill-hover: var(--color-indigo-fill-hover);
  --color-action-indigo-fill-press: var(--color-indigo-fill-pressed);
  --color-action-indigo-fill-pressed: var(--color-indigo-fill-pressed);
  --color-action-indigo-hover: var(--color-indigo-subtle-hover);
  --color-action-indigo-press: var(--color-indigo-subtle-pressed);
  --color-action-indigo-pressed: var(--color-indigo-subtle-pressed);
  --color-action-indigo-subtle: var(--color-indigo-subtle);
  --color-action-indigo-text: var(--color-indigo-text);
  --color-action-indigo-tonal: var(--color-indigo-subtle);
  --color-action-info-fill-hover: var(--color-feedback-info-solid-hover);
  --color-action-info-fill-press: var(--color-feedback-info-solid-pressed);
  --color-action-info-hover: var(--color-feedback-info-bg-hover);
  --color-action-info-press: var(--color-feedback-info-bg-pressed);
  --color-action-mustard-fill-hover: var(--color-mustard-fill-hover);
  --color-action-mustard-fill-press: var(--color-mustard-fill-pressed);
  --color-action-mustard-fill-pressed: var(--color-mustard-fill-pressed);
  --color-action-mustard-hover: var(--color-mustard-subtle-hover);
  --color-action-mustard-press: var(--color-mustard-subtle-pressed);
  --color-action-mustard-pressed: var(--color-mustard-subtle-pressed);
  --color-action-olive-fill-hover: var(--color-olive-fill-hover);
  --color-action-olive-fill-press: var(--color-olive-fill-pressed);
  --color-action-olive-fill-pressed: var(--color-olive-fill-pressed);
  --color-action-olive-hover: var(--color-olive-subtle-hover);
  --color-action-olive-press: var(--color-olive-subtle-pressed);
  --color-action-olive-pressed: var(--color-olive-subtle-pressed);
  --color-action-plum-border: var(--color-plum-fill);
  --color-action-plum-category-bg: var(--color-plum-subtle);
  --color-action-plum-fill: var(--color-plum-fill);
  --color-action-plum-fill-hover: var(--color-plum-fill-hover);
  --color-action-plum-fill-press: var(--color-plum-fill-pressed);
  --color-action-plum-fill-pressed: var(--color-plum-fill-pressed);
  --color-action-plum-hover: var(--color-plum-subtle-hover);
  --color-action-plum-press: var(--color-plum-subtle-pressed);
  --color-action-plum-pressed: var(--color-plum-subtle-pressed);
  --color-action-plum-subtle: var(--color-plum-subtle);
  --color-action-plum-text: var(--color-plum-text);
  --color-action-plum-tonal: var(--color-plum-subtle);
  --color-action-primary-default: var(--color-brand-accessible-solid-default);
  --color-action-primary-disabled: var(--color-layout-stroke-default);
  --color-action-primary-hover: var(--color-brand-accessible-solid-hover);
  --color-action-primary-pressed: var(--color-brand-accessible-solid-pressed);
  --color-action-purple-fill-hover: var(--color-purple-fill-hover);
  --color-action-purple-fill-press: var(--color-purple-fill-pressed);
  --color-action-purple-fill-pressed: var(--color-purple-fill-pressed);
  --color-action-purple-hover: var(--color-purple-subtle-hover);
  --color-action-purple-press: var(--color-purple-subtle-pressed);
  --color-action-purple-pressed: var(--color-purple-subtle-pressed);
  --color-action-rose-border: var(--color-rose-fill);
  --color-action-rose-category-bg: var(--color-rose-subtle);
  --color-action-rose-fill: var(--color-rose-fill);
  --color-action-rose-fill-hover: var(--color-rose-fill-hover);
  --color-action-rose-fill-press: var(--color-rose-fill-pressed);
  --color-action-rose-fill-pressed: var(--color-rose-fill-pressed);
  --color-action-rose-hover: var(--color-rose-subtle-hover);
  --color-action-rose-press: var(--color-rose-subtle-pressed);
  --color-action-rose-pressed: var(--color-rose-subtle-pressed);
  --color-action-rose-subtle: var(--color-rose-subtle);
  --color-action-rose-text: var(--color-rose-text);
  --color-action-rose-tonal: var(--color-rose-subtle);
  --color-action-secondary-default: var(--color-elevation-gray-layer-3);
  --color-action-secondary-hover: var(--color-layout-bg-sunken);
  --color-action-sky-border: var(--color-sky-fill);
  --color-action-sky-category-bg: var(--color-sky-subtle);
  --color-action-sky-fill: var(--color-sky-fill);
  --color-action-sky-fill-hover: var(--color-sky-fill-hover);
  --color-action-sky-fill-press: var(--color-sky-fill-pressed);
  --color-action-sky-fill-pressed: var(--color-sky-fill-pressed);
  --color-action-sky-hover: var(--color-sky-subtle-hover);
  --color-action-sky-press: var(--color-sky-subtle-pressed);
  --color-action-sky-pressed: var(--color-sky-subtle-pressed);
  --color-action-sky-subtle: var(--color-sky-subtle);
  --color-action-sky-text: var(--color-sky-text);
  --color-action-sky-tonal: var(--color-sky-subtle);
  --color-action-state-layer-press-dark: var(--color-white-a15);
  --color-action-state-layer-press-light: var(--color-black-a12);
  --color-action-state-layer-pressed-dark: var(--color-white-a15);
  --color-action-state-layer-pressed-light: var(--color-black-a12);
  --color-action-success-fill-hover: var(--color-feedback-success-solid-hover);
  --color-action-success-fill-press: var(--color-feedback-success-solid-pressed);
  --color-action-success-hover: var(--color-feedback-success-bg-hover);
  --color-action-success-press: var(--color-feedback-success-bg-pressed);
  --color-action-teal-fill-hover: var(--color-teal-fill-hover);
  --color-action-teal-fill-press: var(--color-teal-fill-pressed);
  --color-action-teal-fill-pressed: var(--color-teal-fill-pressed);
  --color-action-teal-hover: var(--color-teal-subtle-hover);
  --color-action-teal-press: var(--color-teal-subtle-pressed);
  --color-action-teal-pressed: var(--color-teal-subtle-pressed);
  --color-action-warning-fill-hover: var(--color-feedback-warning-solid-hover);
  --color-action-warning-fill-press: var(--color-feedback-warning-solid-pressed);
  --color-action-warning-hover: var(--color-feedback-warning-bg-hover);
  --color-action-warning-press: var(--color-feedback-warning-bg-pressed);
  --color-action-white-border: var(--color-white-fill);
  --color-action-white-category-bg: var(--color-white-subtle);
  --color-action-white-fill: var(--color-white-fill);
  --color-action-white-fill-hover: var(--color-white-fill-hover);
  --color-action-white-fill-press: var(--color-white-fill-pressed);
  --color-action-white-fill-pressed: var(--color-white-fill-pressed);
  --color-action-white-fill-text: var(--color-white-text-on-solid);
  --color-action-white-hover: var(--color-white-subtle-hover);
  --color-action-white-press: var(--color-white-subtle-pressed);
  --color-action-white-pressed: var(--color-white-subtle-pressed);
  --color-action-white-subtle: var(--color-white-subtle);
  --color-action-white-text: var(--color-white-text);
  --color-action-white-tonal: var(--color-white-subtle);
  --color-amber-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-amber-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-amber-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-amber-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-amber-bg-gray-page: var(--color-elevation-gray-page);
  --color-amber-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-amber-feedback-danger-border: var(--color-feedback-danger-border);
  --color-amber-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-amber-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-amber-feedback-info-bg: var(--color-feedback-info-bg);
  --color-amber-feedback-info-border: var(--color-feedback-info-border);
  --color-amber-feedback-info-fg: var(--color-feedback-info-fg);
  --color-amber-feedback-info-fill: var(--color-feedback-info-solid);
  --color-amber-feedback-success-bg: var(--color-feedback-success-bg);
  --color-amber-feedback-success-border: var(--color-feedback-success-border);
  --color-amber-feedback-success-fg: var(--color-feedback-success-fg);
  --color-amber-feedback-success-fill: var(--color-feedback-success-solid);
  --color-amber-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-amber-feedback-warning-border: var(--color-feedback-warning-border);
  --color-amber-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-amber-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-amber-input-bg-default: var(--color-input-bg-default);
  --color-amber-input-bg-disabled: var(--color-input-bg-disabled);
  --color-amber-input-bg-focus: var(--color-input-bg-focus);
  --color-amber-input-bg-hover: var(--color-input-bg-hover);
  --color-amber-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-amber-input-bg-user-light: var(--color-input-bg-user-light);
  --color-amber-input-fg-danger: var(--color-feedback-danger-fg);
  --color-amber-input-fg-disabled: var(--color-layout-text-disabled);
  --color-amber-input-fg-helper: var(--color-input-fg-helper);
  --color-amber-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-amber-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-amber-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-amber-input-fg-icon-focus: var(--color-amber-text);
  --color-amber-input-fg-info: var(--color-feedback-info-fg);
  --color-amber-input-fg-label: var(--color-layout-text-title);
  --color-amber-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-amber-input-fg-required: var(--color-input-fg-required);
  --color-amber-input-fg-success: var(--color-feedback-success-fg);
  --color-amber-input-fg-value: var(--color-layout-text-title);
  --color-amber-input-fg-warning: var(--color-feedback-warning-fg);
  --color-amber-input-glow-danger: var(--color-input-glow-danger);
  --color-amber-input-glow-info: var(--color-input-glow-info);
  --color-amber-input-glow-success: var(--color-input-glow-success);
  --color-amber-input-glow-warning: var(--color-input-glow-warning);
  --color-amber-input-stroke-danger: var(--color-input-stroke-danger);
  --color-amber-input-stroke-default: var(--color-input-stroke-default);
  --color-amber-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-amber-input-stroke-focus: var(--color-amber-text);
  --color-amber-input-stroke-hover: var(--color-input-stroke-hover);
  --color-amber-input-stroke-info: var(--color-input-stroke-info);
  --color-amber-input-stroke-success: var(--color-input-stroke-success);
  --color-amber-input-stroke-warning: var(--color-input-stroke-warning);
  --color-amber-relief-raised-medium: var(--color-relief-raised-medium);
  --color-amber-relief-raised-strong: var(--color-relief-raised-strong);
  --color-amber-relief-raised-weak: var(--color-relief-raised-weak);
  --color-amber-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-amber-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-amber-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-amber-text-body: var(--color-layout-text-body);
  --color-amber-text-caption: var(--color-layout-text-caption);
  --color-amber-text-caption-light: var(--color-layout-text-caption-light);
  --color-amber-text-disabled: var(--color-layout-text-disabled);
  --color-amber-text-selected: var(--color-amber-text-pressed);
  --color-amber-text-title: var(--color-layout-text-title);
  --color-azure-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-azure-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-azure-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-azure-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-azure-bg-gray-page: var(--color-elevation-gray-page);
  --color-azure-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-azure-feedback-danger-border: var(--color-feedback-danger-border);
  --color-azure-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-azure-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-azure-feedback-info-bg: var(--color-feedback-info-bg);
  --color-azure-feedback-info-border: var(--color-feedback-info-border);
  --color-azure-feedback-info-fg: var(--color-feedback-info-fg);
  --color-azure-feedback-info-fill: var(--color-feedback-info-solid);
  --color-azure-feedback-success-bg: var(--color-feedback-success-bg);
  --color-azure-feedback-success-border: var(--color-feedback-success-border);
  --color-azure-feedback-success-fg: var(--color-feedback-success-fg);
  --color-azure-feedback-success-fill: var(--color-feedback-success-solid);
  --color-azure-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-azure-feedback-warning-border: var(--color-feedback-warning-border);
  --color-azure-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-azure-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-azure-input-bg-default: var(--color-input-bg-default);
  --color-azure-input-bg-disabled: var(--color-input-bg-disabled);
  --color-azure-input-bg-focus: var(--color-input-bg-focus);
  --color-azure-input-bg-hover: var(--color-input-bg-hover);
  --color-azure-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-azure-input-bg-user-light: var(--color-input-bg-user-light);
  --color-azure-input-fg-danger: var(--color-feedback-danger-fg);
  --color-azure-input-fg-disabled: var(--color-layout-text-disabled);
  --color-azure-input-fg-helper: var(--color-input-fg-helper);
  --color-azure-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-azure-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-azure-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-azure-input-fg-icon-focus: var(--color-azure-text);
  --color-azure-input-fg-info: var(--color-feedback-info-fg);
  --color-azure-input-fg-label: var(--color-layout-text-title);
  --color-azure-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-azure-input-fg-required: var(--color-input-fg-required);
  --color-azure-input-fg-success: var(--color-feedback-success-fg);
  --color-azure-input-fg-value: var(--color-layout-text-title);
  --color-azure-input-fg-warning: var(--color-feedback-warning-fg);
  --color-azure-input-glow-danger: var(--color-input-glow-danger);
  --color-azure-input-glow-info: var(--color-input-glow-info);
  --color-azure-input-glow-success: var(--color-input-glow-success);
  --color-azure-input-glow-warning: var(--color-input-glow-warning);
  --color-azure-input-stroke-danger: var(--color-input-stroke-danger);
  --color-azure-input-stroke-default: var(--color-input-stroke-default);
  --color-azure-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-azure-input-stroke-focus: var(--color-azure-text);
  --color-azure-input-stroke-hover: var(--color-input-stroke-hover);
  --color-azure-input-stroke-info: var(--color-input-stroke-info);
  --color-azure-input-stroke-success: var(--color-input-stroke-success);
  --color-azure-input-stroke-warning: var(--color-input-stroke-warning);
  --color-azure-relief-raised-medium: var(--color-relief-raised-medium);
  --color-azure-relief-raised-strong: var(--color-relief-raised-strong);
  --color-azure-relief-raised-weak: var(--color-relief-raised-weak);
  --color-azure-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-azure-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-azure-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-azure-text-body: var(--color-layout-text-body);
  --color-azure-text-caption: var(--color-layout-text-caption);
  --color-azure-text-caption-light: var(--color-layout-text-caption-light);
  --color-azure-text-disabled: var(--color-layout-text-disabled);
  --color-azure-text-selected: var(--color-azure-text-pressed);
  --color-azure-text-title: var(--color-layout-text-title);
  --color-bg-brand-action-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-action-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-category: var(--color-brand-role-subtle);
  --color-bg-brand-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-selected: var(--color-brand-a10);
  --color-bg-brand-selected-hover: var(--color-brand-a15);
  --color-bg-brand-solid: var(--color-brand-accessible-solid-default);
  --color-bg-brand-solid-hover: var(--color-brand-accessible-solid-hover);
  --color-bg-brand-solid-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-bg-brand-tag: var(--color-brand-role-subtle);
  --color-bg-danger-action-hover: var(--color-feedback-danger-bg-hover);
  --color-bg-danger-action-pressed: var(--color-feedback-danger-bg-pressed);
  --color-bg-danger-solid: var(--color-feedback-danger-solid);
  --color-bg-danger-solid-hover: var(--color-feedback-danger-solid-hover);
  --color-bg-danger-solid-pressed: var(--color-feedback-danger-solid-pressed);
  --color-bg-danger-subtle: var(--color-feedback-danger-bg);
  --color-bg-danger-tag: var(--color-feedback-danger-bg);
  --color-bg-info-action-hover: var(--color-feedback-info-bg-hover);
  --color-bg-info-action-pressed: var(--color-feedback-info-bg-pressed);
  --color-bg-info-solid: var(--color-feedback-info-solid);
  --color-bg-info-solid-hover: var(--color-feedback-info-solid-hover);
  --color-bg-info-solid-pressed: var(--color-feedback-info-solid-pressed);
  --color-bg-info-subtle: var(--color-feedback-info-bg);
  --color-bg-info-tag: var(--color-feedback-info-bg);
  --color-bg-layer-base: var(--color-elevation-gray-page);
  --color-bg-layer-canvas: var(--color-elevation-gray-page);
  --color-bg-layer-floating: var(--color-elevation-gray-layer-2);
  --color-bg-layer-panel: var(--color-elevation-gray-layer-3);
  --color-bg-layer-raised: var(--color-elevation-gray-layer-2);
  --color-bg-layer-sunken: var(--color-layout-bg-sunken);
  --color-bg-neutral-hover: var(--color-layout-bg-sunken);
  --color-bg-success-action-hover: var(--color-feedback-success-bg-hover);
  --color-bg-success-action-pressed: var(--color-feedback-success-bg-pressed);
  --color-bg-success-solid: var(--color-feedback-success-solid);
  --color-bg-success-solid-hover: var(--color-feedback-success-solid-hover);
  --color-bg-success-solid-pressed: var(--color-feedback-success-solid-pressed);
  --color-bg-success-subtle: var(--color-feedback-success-bg);
  --color-bg-success-tag: var(--color-feedback-success-bg);
  --color-bg-warning-action-hover: var(--color-feedback-warning-bg-hover);
  --color-bg-warning-action-pressed: var(--color-feedback-warning-bg-pressed);
  --color-bg-warning-solid: var(--color-feedback-warning-solid);
  --color-bg-warning-solid-hover: var(--color-feedback-warning-solid-hover);
  --color-bg-warning-solid-pressed: var(--color-feedback-warning-solid-pressed);
  --color-bg-warning-subtle: var(--color-feedback-warning-bg);
  --color-bg-warning-tag: var(--color-feedback-warning-bg);
  --color-black-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-black-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-black-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-black-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-black-bg-gray-page: var(--color-elevation-gray-page);
  --color-black-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-black-feedback-danger-border: var(--color-feedback-danger-border);
  --color-black-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-black-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-black-feedback-info-bg: var(--color-feedback-info-bg);
  --color-black-feedback-info-border: var(--color-feedback-info-border);
  --color-black-feedback-info-fg: var(--color-feedback-info-fg);
  --color-black-feedback-info-fill: var(--color-feedback-info-solid);
  --color-black-feedback-success-bg: var(--color-feedback-success-bg);
  --color-black-feedback-success-border: var(--color-feedback-success-border);
  --color-black-feedback-success-fg: var(--color-feedback-success-fg);
  --color-black-feedback-success-fill: var(--color-feedback-success-solid);
  --color-black-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-black-feedback-warning-border: var(--color-feedback-warning-border);
  --color-black-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-black-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-black-input-bg-default: var(--color-input-bg-default);
  --color-black-input-bg-disabled: var(--color-input-bg-disabled);
  --color-black-input-bg-focus: var(--color-input-bg-focus);
  --color-black-input-bg-hover: var(--color-input-bg-hover);
  --color-black-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-black-input-bg-user-light: var(--color-input-bg-user-light);
  --color-black-input-fg-danger: var(--color-feedback-danger-fg);
  --color-black-input-fg-disabled: var(--color-layout-text-disabled);
  --color-black-input-fg-helper: var(--color-input-fg-helper);
  --color-black-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-black-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-black-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-black-input-fg-icon-focus: var(--color-black-text);
  --color-black-input-fg-info: var(--color-feedback-info-fg);
  --color-black-input-fg-label: var(--color-layout-text-title);
  --color-black-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-black-input-fg-required: var(--color-input-fg-required);
  --color-black-input-fg-success: var(--color-feedback-success-fg);
  --color-black-input-fg-value: var(--color-layout-text-title);
  --color-black-input-fg-warning: var(--color-feedback-warning-fg);
  --color-black-input-glow-danger: var(--color-input-glow-danger);
  --color-black-input-glow-info: var(--color-input-glow-info);
  --color-black-input-glow-success: var(--color-input-glow-success);
  --color-black-input-glow-warning: var(--color-input-glow-warning);
  --color-black-input-stroke-danger: var(--color-input-stroke-danger);
  --color-black-input-stroke-default: var(--color-input-stroke-default);
  --color-black-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-black-input-stroke-focus: var(--color-black-text);
  --color-black-input-stroke-hover: var(--color-input-stroke-hover);
  --color-black-input-stroke-info: var(--color-input-stroke-info);
  --color-black-input-stroke-success: var(--color-input-stroke-success);
  --color-black-input-stroke-warning: var(--color-input-stroke-warning);
  --color-black-relief-raised-medium: var(--color-relief-raised-medium);
  --color-black-relief-raised-strong: var(--color-relief-raised-strong);
  --color-black-relief-raised-weak: var(--color-relief-raised-weak);
  --color-black-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-black-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-black-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-black-text-body: var(--color-layout-text-body);
  --color-black-text-caption: var(--color-layout-text-caption);
  --color-black-text-caption-light: var(--color-layout-text-caption-light);
  --color-black-text-disabled: var(--color-layout-text-disabled);
  --color-black-text-selected: var(--color-black-text-pressed);
  --color-black-text-title: var(--color-layout-text-title);
  --color-blue-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-blue-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-blue-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-blue-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-blue-bg-gray-page: var(--color-elevation-gray-page);
  --color-blue-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-blue-feedback-danger-border: var(--color-feedback-danger-border);
  --color-blue-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-blue-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-blue-feedback-info-bg: var(--color-feedback-info-bg);
  --color-blue-feedback-info-border: var(--color-feedback-info-border);
  --color-blue-feedback-info-fg: var(--color-feedback-info-fg);
  --color-blue-feedback-info-fill: var(--color-feedback-info-solid);
  --color-blue-feedback-success-bg: var(--color-feedback-success-bg);
  --color-blue-feedback-success-border: var(--color-feedback-success-border);
  --color-blue-feedback-success-fg: var(--color-feedback-success-fg);
  --color-blue-feedback-success-fill: var(--color-feedback-success-solid);
  --color-blue-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-blue-feedback-warning-border: var(--color-feedback-warning-border);
  --color-blue-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-blue-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-blue-input-bg-default: var(--color-input-bg-default);
  --color-blue-input-bg-disabled: var(--color-input-bg-disabled);
  --color-blue-input-bg-focus: var(--color-input-bg-focus);
  --color-blue-input-bg-hover: var(--color-input-bg-hover);
  --color-blue-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-blue-input-bg-user-light: var(--color-input-bg-user-light);
  --color-blue-input-fg-danger: var(--color-feedback-danger-fg);
  --color-blue-input-fg-disabled: var(--color-layout-text-disabled);
  --color-blue-input-fg-helper: var(--color-input-fg-helper);
  --color-blue-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-blue-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-blue-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-blue-input-fg-icon-focus: var(--color-blue-text);
  --color-blue-input-fg-info: var(--color-feedback-info-fg);
  --color-blue-input-fg-label: var(--color-layout-text-title);
  --color-blue-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-blue-input-fg-required: var(--color-input-fg-required);
  --color-blue-input-fg-success: var(--color-feedback-success-fg);
  --color-blue-input-fg-value: var(--color-layout-text-title);
  --color-blue-input-fg-warning: var(--color-feedback-warning-fg);
  --color-blue-input-glow-danger: var(--color-input-glow-danger);
  --color-blue-input-glow-info: var(--color-input-glow-info);
  --color-blue-input-glow-success: var(--color-input-glow-success);
  --color-blue-input-glow-warning: var(--color-input-glow-warning);
  --color-blue-input-ring-danger: var(--color-input-glow-danger);
  --color-blue-input-ring-focus: var(--color-blue-input-glow-focus);
  --color-blue-input-ring-info: var(--color-input-glow-info);
  --color-blue-input-ring-success: var(--color-input-glow-success);
  --color-blue-input-ring-warning: var(--color-input-glow-warning);
  --color-blue-input-stroke-danger: var(--color-input-stroke-danger);
  --color-blue-input-stroke-default: var(--color-input-stroke-default);
  --color-blue-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-blue-input-stroke-focus: var(--color-blue-text);
  --color-blue-input-stroke-hover: var(--color-input-stroke-hover);
  --color-blue-input-stroke-info: var(--color-input-stroke-info);
  --color-blue-input-stroke-success: var(--color-input-stroke-success);
  --color-blue-input-stroke-warning: var(--color-input-stroke-warning);
  --color-blue-overlay-raised-medium: var(--color-relief-raised-medium);
  --color-blue-overlay-raised-strong: var(--color-relief-raised-strong);
  --color-blue-overlay-raised-weak: var(--color-relief-raised-weak);
  --color-blue-overlay-sunken-medium: var(--color-relief-sunken-medium);
  --color-blue-overlay-sunken-strong: var(--color-relief-sunken-strong);
  --color-blue-overlay-sunken-weak: var(--color-relief-sunken-weak);
  --color-blue-relief-raised-medium: var(--color-relief-raised-medium);
  --color-blue-relief-raised-strong: var(--color-relief-raised-strong);
  --color-blue-relief-raised-weak: var(--color-relief-raised-weak);
  --color-blue-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-blue-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-blue-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-blue-text-body: var(--color-layout-text-body);
  --color-blue-text-caption: var(--color-layout-text-caption);
  --color-blue-text-caption-light: var(--color-layout-text-caption-light);
  --color-blue-text-disabled: var(--color-layout-text-disabled);
  --color-blue-text-selected: var(--color-blue-text-pressed);
  --color-blue-text-title: var(--color-layout-text-title);
  --color-border-default: var(--color-layout-stroke-default);
  --color-border-focus: var(--color-brand-role-input-stroke-focus);
  --color-border-strong: var(--color-layout-stroke-strong);
  --color-border-subtle: var(--color-layout-stroke-subtle);
  --color-brand-default: var(--color-brand-base-default);
  --color-brand-hover: var(--color-brand-base-hover);
  --color-brand-pressed: var(--color-brand-base-pressed);
  --color-brand-role-feedback-danger-bg: var(--color-brand-feedback-danger-bg);
  --color-brand-role-feedback-danger-bg-hover: var(--color-brand-feedback-danger-bg-hover);
  --color-brand-role-feedback-danger-bg-pressed: var(--color-brand-feedback-danger-bg-pressed);
  --color-brand-role-feedback-danger-border: var(--color-brand-feedback-danger-border);
  --color-brand-role-feedback-danger-fg: var(--color-brand-feedback-danger-fg);
  --color-brand-role-feedback-danger-fill: var(--color-brand-feedback-danger-solid);
  --color-brand-role-feedback-danger-fill-hover: var(--color-brand-feedback-danger-solid-hover);
  --color-brand-role-feedback-danger-fill-pressed: var(--color-brand-feedback-danger-solid-pressed);
  --color-brand-role-feedback-info-bg: var(--color-brand-feedback-info-bg);
  --color-brand-role-feedback-info-bg-hover: var(--color-brand-feedback-info-bg-hover);
  --color-brand-role-feedback-info-bg-pressed: var(--color-brand-feedback-info-bg-pressed);
  --color-brand-role-feedback-info-border: var(--color-brand-feedback-info-border);
  --color-brand-role-feedback-info-fg: var(--color-brand-feedback-info-fg);
  --color-brand-role-feedback-info-fill: var(--color-brand-feedback-info-solid);
  --color-brand-role-feedback-info-fill-hover: var(--color-brand-feedback-info-solid-hover);
  --color-brand-role-feedback-info-fill-pressed: var(--color-brand-feedback-info-solid-pressed);
  --color-brand-role-feedback-success-bg: var(--color-brand-feedback-success-bg);
  --color-brand-role-feedback-success-bg-hover: var(--color-brand-feedback-success-bg-hover);
  --color-brand-role-feedback-success-bg-pressed: var(--color-brand-feedback-success-bg-pressed);
  --color-brand-role-feedback-success-border: var(--color-brand-feedback-success-border);
  --color-brand-role-feedback-success-fg: var(--color-brand-feedback-success-fg);
  --color-brand-role-feedback-success-fill: var(--color-brand-feedback-success-solid);
  --color-brand-role-feedback-success-fill-hover: var(--color-brand-feedback-success-solid-hover);
  --color-brand-role-feedback-success-fill-pressed: var(--color-brand-feedback-success-solid-pressed);
  --color-brand-role-feedback-warning-bg: var(--color-brand-feedback-warning-bg);
  --color-brand-role-feedback-warning-bg-hover: var(--color-brand-feedback-warning-bg-hover);
  --color-brand-role-feedback-warning-bg-pressed: var(--color-brand-feedback-warning-bg-pressed);
  --color-brand-role-feedback-warning-border: var(--color-brand-feedback-warning-border);
  --color-brand-role-feedback-warning-fg: var(--color-brand-feedback-warning-fg);
  --color-brand-role-feedback-warning-fill: var(--color-brand-feedback-warning-solid);
  --color-brand-role-feedback-warning-fill-hover: var(--color-brand-feedback-warning-solid-hover);
  --color-brand-role-feedback-warning-fill-pressed: var(--color-brand-feedback-warning-solid-pressed);
  --color-brand-role-fill: var(--color-brand-accessible-solid-default);
  --color-brand-role-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-brand-role-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-brand-role-layout-stroke-default: var(--color-brand-border-default);
  --color-brand-role-layout-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-layout-stroke-subtle: var(--color-brand-border-subtle);
  --color-brand-role-layout-text-default: var(--color-brand-font-title);
  --color-brand-role-layout-text-inverse: var(--color-brand-text-inverse);
  --color-brand-role-layout-text-inverse-muted: var(--color-brand-text-inverse-muted);
  --color-brand-role-layout-text-muted: var(--color-brand-font-body);
  --color-brand-role-layout-text-on-solid: var(--color-brand-font-always-white);
  --color-brand-text-neutral-on-solid: var(--color-brand-font-always-white);
  --color-brand-role-layout-text-on-solid-muted: var(--color-brand-text-neutral-on-solid-muted);
  --color-brand-role-layout-text-subtle: var(--color-brand-font-caption);
  --color-brand-role-table-header-bg-brand: var(--color-brand-accessible-solid-default);
  --color-brand-role-table-text-body: var(--color-layout-text-body);
  --color-brand-role-table-text-header: var(--color-layout-text-title);
  --color-brand-role-table-text-on-brand: var(--color-brand-role-text-on-solid);
  --color-brand-role-text-body: var(--color-brand-font-body);
  --color-brand-role-text-caption: var(--color-brand-font-caption);
  --color-brand-role-text-caption-light: var(--color-brand-font-caption-light);
  --color-brand-role-text-disabled: var(--color-brand-font-disabled);
  --color-brand-role-text-selected: var(--color-brand-role-text-pressed);
  --color-brand-role-text-title: var(--color-brand-font-title);
  --color-brand-text: var(--color-brand-role-text);
  --color-brand-text-active: var(--color-brand-role-text-pressed);
  --color-brand-text-hover: var(--color-brand-role-text-hover);
  --color-button-category-amber-bg: var(--color-amber-subtle);
  --color-button-category-amber-bg-hover: var(--color-amber-subtle-hover);
  --color-button-category-amber-bg-pressed: var(--color-amber-subtle-pressed);
  --color-button-category-amber-fg: var(--color-amber-text);
  --color-button-category-amber-stroke: var(--color-amber-fill);
  --color-button-category-black-bg: var(--color-black-subtle);
  --color-button-category-black-bg-hover: var(--color-black-subtle-hover);
  --color-button-category-black-bg-pressed: var(--color-black-subtle-pressed);
  --color-button-category-black-fg: var(--color-black-text);
  --color-button-category-black-stroke: var(--color-black-fill);
  --color-button-category-brand-bg: var(--color-brand-role-subtle);
  --color-button-category-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-category-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-category-brand-fg: var(--color-brand-role-text);
  --color-button-category-brand-stroke: var(--color-brand-role-text);
  --color-button-category-danger-bg: var(--color-feedback-danger-bg);
  --color-button-category-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-button-category-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-button-category-danger-fg: var(--color-feedback-danger-fg);
  --color-button-category-danger-stroke: var(--color-feedback-danger-border);
  --color-button-category-emerald-bg: var(--color-emerald-subtle);
  --color-button-category-emerald-bg-hover: var(--color-emerald-subtle-hover);
  --color-button-category-emerald-bg-pressed: var(--color-emerald-subtle-pressed);
  --color-button-category-emerald-fg: var(--color-emerald-text);
  --color-button-category-emerald-stroke: var(--color-emerald-fill);
  --color-button-category-gray-bg: var(--color-neutral-button-subtle);
  --color-button-category-gray-bg-hover: var(--color-neutral-button-subtle-hover);
  --color-button-category-gray-bg-pressed: var(--color-neutral-button-subtle-pressed);
  --color-button-category-gray-fg: var(--color-neutral-button-text);
  --color-button-category-gray-stroke: var(--color-neutral-button-stroke);
  --color-button-category-indigo-bg: var(--color-indigo-subtle);
  --color-button-category-indigo-bg-hover: var(--color-indigo-subtle-hover);
  --color-button-category-indigo-bg-pressed: var(--color-indigo-subtle-pressed);
  --color-button-category-indigo-fg: var(--color-indigo-text);
  --color-button-category-indigo-stroke: var(--color-indigo-fill);
  --color-button-category-info-bg: var(--color-feedback-info-bg);
  --color-button-category-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-button-category-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-button-category-info-fg: var(--color-feedback-info-fg);
  --color-button-category-info-stroke: var(--color-feedback-info-border);
  --color-button-category-plum-bg: var(--color-plum-subtle);
  --color-button-category-plum-bg-hover: var(--color-plum-subtle-hover);
  --color-button-category-plum-bg-pressed: var(--color-plum-subtle-pressed);
  --color-button-category-plum-fg: var(--color-plum-text);
  --color-button-category-plum-stroke: var(--color-plum-fill);
  --color-button-category-rose-bg: var(--color-rose-subtle);
  --color-button-category-rose-bg-hover: var(--color-rose-subtle-hover);
  --color-button-category-rose-bg-pressed: var(--color-rose-subtle-pressed);
  --color-button-category-rose-fg: var(--color-rose-text);
  --color-button-category-rose-stroke: var(--color-rose-fill);
  --color-button-category-sky-bg: var(--color-sky-subtle);
  --color-button-category-sky-bg-hover: var(--color-sky-subtle-hover);
  --color-button-category-sky-bg-pressed: var(--color-sky-subtle-pressed);
  --color-button-category-sky-fg: var(--color-sky-text);
  --color-button-category-sky-stroke: var(--color-sky-fill);
  --color-button-category-success-bg: var(--color-feedback-success-bg);
  --color-button-category-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-button-category-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-button-category-success-fg: var(--color-feedback-success-fg);
  --color-button-category-success-stroke: var(--color-feedback-success-border);
  --color-button-category-warning-bg: var(--color-feedback-warning-bg);
  --color-button-category-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-button-category-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-button-category-warning-fg: var(--color-feedback-warning-fg);
  --color-button-category-warning-stroke: var(--color-feedback-warning-border);
  --color-button-category-white-bg: var(--color-white-subtle);
  --color-button-category-white-bg-hover: var(--color-white-subtle-hover);
  --color-button-category-white-bg-pressed: var(--color-white-subtle-pressed);
  --color-button-category-white-fg: var(--color-white-text);
  --color-button-category-white-stroke: var(--color-white-fill);
  --color-button-fill-amber-bg: var(--color-amber-fill);
  --color-button-fill-amber-bg-hover: var(--color-amber-fill-hover);
  --color-button-fill-amber-bg-pressed: var(--color-amber-fill-pressed);
  --color-button-fill-amber-fg: var(--color-layout-text-on-solid);
  --color-button-fill-black-bg: var(--color-black-fill);
  --color-button-fill-black-bg-hover: var(--color-black-fill-hover);
  --color-button-fill-black-bg-pressed: var(--color-black-fill-pressed);
  --color-button-fill-brand-bg: var(--color-brand-accessible-solid-default);
  --color-button-fill-brand-bg-hover: var(--color-brand-accessible-solid-hover);
  --color-button-fill-brand-bg-pressed: var(--color-brand-accessible-solid-pressed);
  --color-button-fill-brand-fg: var(--color-brand-role-text-on-solid);
  --color-button-fill-danger-bg: var(--color-feedback-danger-solid);
  --color-button-fill-danger-bg-hover: var(--color-feedback-danger-solid-hover);
  --color-button-fill-danger-bg-pressed: var(--color-feedback-danger-solid-pressed);
  --color-button-fill-danger-fg: var(--color-layout-text-on-solid);
  --color-button-fill-emerald-bg: var(--color-emerald-fill);
  --color-button-fill-emerald-bg-hover: var(--color-emerald-fill-hover);
  --color-button-fill-emerald-bg-pressed: var(--color-emerald-fill-pressed);
  --color-button-fill-emerald-fg: var(--color-layout-text-on-solid);
  --color-button-fill-gray-bg: var(--color-neutral-button-fill);
  --color-button-fill-gray-bg-hover: var(--color-neutral-button-fill-hover);
  --color-button-fill-gray-bg-pressed: var(--color-neutral-button-fill-pressed);
  --color-button-fill-gray-fg: var(--color-neutral-button-fill-fg);
  --color-button-fill-indigo-bg: var(--color-indigo-fill);
  --color-button-fill-indigo-bg-hover: var(--color-indigo-fill-hover);
  --color-button-fill-indigo-bg-pressed: var(--color-indigo-fill-pressed);
  --color-button-fill-indigo-fg: var(--color-layout-text-on-solid);
  --color-button-fill-info-bg: var(--color-feedback-info-solid);
  --color-button-fill-info-bg-hover: var(--color-feedback-info-solid-hover);
  --color-button-fill-info-bg-pressed: var(--color-feedback-info-solid-pressed);
  --color-button-fill-info-fg: var(--color-layout-text-on-solid);
  --color-button-fill-plum-bg: var(--color-plum-fill);
  --color-button-fill-plum-bg-hover: var(--color-plum-fill-hover);
  --color-button-fill-plum-bg-pressed: var(--color-plum-fill-pressed);
  --color-button-fill-plum-fg: var(--color-layout-text-on-solid);
  --color-button-fill-rose-bg: var(--color-rose-fill);
  --color-button-fill-rose-bg-hover: var(--color-rose-fill-hover);
  --color-button-fill-rose-bg-pressed: var(--color-rose-fill-pressed);
  --color-button-fill-rose-fg: var(--color-layout-text-on-solid);
  --color-button-fill-sky-bg: var(--color-sky-fill);
  --color-button-fill-sky-bg-hover: var(--color-sky-fill-hover);
  --color-button-fill-sky-bg-pressed: var(--color-sky-fill-pressed);
  --color-button-fill-sky-fg: var(--color-layout-text-on-solid);
  --color-button-fill-success-bg: var(--color-feedback-success-solid);
  --color-button-fill-success-bg-hover: var(--color-feedback-success-solid-hover);
  --color-button-fill-success-bg-pressed: var(--color-feedback-success-solid-pressed);
  --color-button-fill-success-fg: var(--color-layout-text-on-solid);
  --color-button-fill-warning-bg: var(--color-feedback-warning-solid);
  --color-button-fill-warning-bg-hover: var(--color-feedback-warning-solid-hover);
  --color-button-fill-warning-bg-pressed: var(--color-feedback-warning-solid-pressed);
  --color-button-fill-warning-fg: var(--color-layout-text-on-solid);
  --color-button-fill-white-bg: var(--color-white-fill);
  --color-button-fill-white-bg-hover: var(--color-white-fill-hover);
  --color-button-fill-white-bg-pressed: var(--color-white-fill-pressed);
  --color-button-fill-white-fg: var(--color-white-text-on-solid);
  --color-button-outline-amber-bg-hover: var(--color-amber-subtle-hover);
  --color-button-outline-amber-bg-pressed: var(--color-amber-subtle-pressed);
  --color-button-outline-amber-fg: var(--color-amber-text);
  --color-button-outline-amber-stroke: var(--color-amber-fill);
  --color-button-outline-black-bg-hover: var(--color-black-subtle-hover);
  --color-button-outline-black-bg-pressed: var(--color-black-subtle-pressed);
  --color-button-outline-black-stroke: var(--color-black-fill);
  --color-button-outline-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-outline-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-outline-brand-fg: var(--color-brand-role-text);
  --color-button-outline-brand-stroke: var(--color-brand-role-text);
  --color-button-outline-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-button-outline-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-button-outline-danger-fg: var(--color-feedback-danger-fg);
  --color-button-outline-danger-stroke: var(--color-feedback-danger-border);
  --color-button-outline-emerald-bg-hover: var(--color-emerald-subtle-hover);
  --color-button-outline-emerald-bg-pressed: var(--color-emerald-subtle-pressed);
  --color-button-outline-emerald-fg: var(--color-emerald-text);
  --color-button-outline-emerald-stroke: var(--color-emerald-fill);
  --color-button-outline-gray-bg-hover: var(--color-neutral-button-subtle-hover);
  --color-button-outline-gray-bg-pressed: var(--color-neutral-button-subtle-pressed);
  --color-button-outline-gray-fg: var(--color-neutral-button-text);
  --color-button-outline-gray-stroke: var(--color-neutral-button-stroke);
  --color-button-outline-indigo-bg-hover: var(--color-indigo-subtle-hover);
  --color-button-outline-indigo-bg-pressed: var(--color-indigo-subtle-pressed);
  --color-button-outline-indigo-fg: var(--color-indigo-text);
  --color-button-outline-indigo-stroke: var(--color-indigo-fill);
  --color-button-outline-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-button-outline-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-button-outline-info-fg: var(--color-feedback-info-fg);
  --color-button-outline-info-stroke: var(--color-feedback-info-border);
  --color-button-outline-plum-bg-hover: var(--color-plum-subtle-hover);
  --color-button-outline-plum-bg-pressed: var(--color-plum-subtle-pressed);
  --color-button-outline-plum-fg: var(--color-plum-text);
  --color-button-outline-plum-stroke: var(--color-plum-fill);
  --color-button-outline-rose-bg-hover: var(--color-rose-subtle-hover);
  --color-button-outline-rose-bg-pressed: var(--color-rose-subtle-pressed);
  --color-button-outline-rose-fg: var(--color-rose-text);
  --color-button-outline-rose-stroke: var(--color-rose-fill);
  --color-button-outline-sky-bg-hover: var(--color-sky-subtle-hover);
  --color-button-outline-sky-bg-pressed: var(--color-sky-subtle-pressed);
  --color-button-outline-sky-fg: var(--color-sky-text);
  --color-button-outline-sky-stroke: var(--color-sky-fill);
  --color-button-outline-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-button-outline-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-button-outline-success-fg: var(--color-feedback-success-fg);
  --color-button-outline-success-stroke: var(--color-feedback-success-border);
  --color-button-outline-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-button-outline-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-button-outline-warning-fg: var(--color-feedback-warning-fg);
  --color-button-outline-warning-stroke: var(--color-feedback-warning-border);
  --color-button-outline-white-bg-hover: var(--color-white-subtle-hover);
  --color-button-outline-white-bg-pressed: var(--color-white-subtle-pressed);
  --color-button-outline-white-fg: var(--color-white-text);
  --color-button-outline-white-stroke: var(--color-white-fill);
  --color-button-subtle-amber-bg: var(--color-amber-subtle);
  --color-button-subtle-amber-bg-hover: var(--color-amber-subtle-hover);
  --color-button-subtle-amber-bg-pressed: var(--color-amber-subtle-pressed);
  --color-button-subtle-amber-fg: var(--color-amber-text);
  --color-button-subtle-black-bg: var(--color-black-subtle);
  --color-button-subtle-black-bg-hover: var(--color-black-subtle-hover);
  --color-button-subtle-black-bg-pressed: var(--color-black-subtle-pressed);
  --color-button-subtle-black-fg: var(--color-black-text);
  --color-button-subtle-brand-bg: var(--color-brand-role-subtle);
  --color-button-subtle-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-subtle-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-subtle-brand-fg: var(--color-brand-role-text);
  --color-button-subtle-danger-bg: var(--color-feedback-danger-bg);
  --color-button-subtle-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-button-subtle-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-button-subtle-danger-fg: var(--color-feedback-danger-fg);
  --color-button-subtle-emerald-bg: var(--color-emerald-subtle);
  --color-button-subtle-emerald-bg-hover: var(--color-emerald-subtle-hover);
  --color-button-subtle-emerald-bg-pressed: var(--color-emerald-subtle-pressed);
  --color-button-subtle-emerald-fg: var(--color-emerald-text);
  --color-button-subtle-gray-bg: var(--color-neutral-button-subtle);
  --color-button-subtle-gray-bg-hover: var(--color-neutral-button-subtle-hover);
  --color-button-subtle-gray-bg-pressed: var(--color-neutral-button-subtle-pressed);
  --color-button-subtle-gray-fg: var(--color-neutral-button-text);
  --color-button-subtle-indigo-bg: var(--color-indigo-subtle);
  --color-button-subtle-indigo-bg-hover: var(--color-indigo-subtle-hover);
  --color-button-subtle-indigo-bg-pressed: var(--color-indigo-subtle-pressed);
  --color-button-subtle-indigo-fg: var(--color-indigo-text);
  --color-button-subtle-info-bg: var(--color-feedback-info-bg);
  --color-button-subtle-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-button-subtle-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-button-subtle-info-fg: var(--color-feedback-info-fg);
  --color-button-subtle-plum-bg: var(--color-plum-subtle);
  --color-button-subtle-plum-bg-hover: var(--color-plum-subtle-hover);
  --color-button-subtle-plum-bg-pressed: var(--color-plum-subtle-pressed);
  --color-button-subtle-plum-fg: var(--color-plum-text);
  --color-button-subtle-rose-bg: var(--color-rose-subtle);
  --color-button-subtle-rose-bg-hover: var(--color-rose-subtle-hover);
  --color-button-subtle-rose-bg-pressed: var(--color-rose-subtle-pressed);
  --color-button-subtle-rose-fg: var(--color-rose-text);
  --color-button-subtle-sky-bg: var(--color-sky-subtle);
  --color-button-subtle-sky-bg-hover: var(--color-sky-subtle-hover);
  --color-button-subtle-sky-bg-pressed: var(--color-sky-subtle-pressed);
  --color-button-subtle-sky-fg: var(--color-sky-text);
  --color-button-subtle-success-bg: var(--color-feedback-success-bg);
  --color-button-subtle-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-button-subtle-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-button-subtle-success-fg: var(--color-feedback-success-fg);
  --color-button-subtle-warning-bg: var(--color-feedback-warning-bg);
  --color-button-subtle-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-button-subtle-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-button-subtle-warning-fg: var(--color-feedback-warning-fg);
  --color-button-subtle-white-bg: var(--color-white-subtle);
  --color-button-subtle-white-bg-hover: var(--color-white-subtle-hover);
  --color-button-subtle-white-bg-pressed: var(--color-white-subtle-pressed);
  --color-button-subtle-white-fg: var(--color-white-text);
  --color-button-text-amber-bg-hover: var(--color-amber-subtle-hover);
  --color-button-text-amber-bg-pressed: var(--color-amber-subtle-pressed);
  --color-button-text-amber-fg: var(--color-amber-text);
  --color-button-text-black-bg-hover: var(--color-black-subtle-hover);
  --color-button-text-black-bg-pressed: var(--color-black-subtle-pressed);
  --color-button-text-black-fg: var(--color-black-text);
  --color-button-text-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-text-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-text-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-fg-hover: var(--color-brand-role-text-hover);
  --color-button-text-brand-fg-pressed: var(--color-brand-role-text-pressed);
  --color-button-text-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-button-text-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-button-text-danger-fg: var(--color-feedback-danger-fg);
  --color-button-text-danger-fg-hover: var(--color-red-700);
  --color-button-text-danger-fg-pressed: var(--color-red-800);
  --color-button-text-emerald-bg-hover: var(--color-emerald-subtle-hover);
  --color-button-text-emerald-bg-pressed: var(--color-emerald-subtle-pressed);
  --color-button-text-emerald-fg: var(--color-emerald-text);
  --color-button-text-gray-bg-hover: var(--color-neutral-button-subtle-hover);
  --color-button-text-gray-bg-pressed: var(--color-neutral-button-subtle-pressed);
  --color-button-text-gray-fg: var(--color-neutral-button-text);
  --color-button-text-indigo-bg-hover: var(--color-indigo-subtle-hover);
  --color-button-text-indigo-bg-pressed: var(--color-indigo-subtle-pressed);
  --color-button-text-indigo-fg: var(--color-indigo-text);
  --color-button-text-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-button-text-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-button-text-info-fg: var(--color-feedback-info-fg);
  --color-button-text-info-fg-hover: var(--color-cyan-700);
  --color-button-text-info-fg-pressed: var(--color-cyan-800);
  --color-button-text-plum-bg-hover: var(--color-plum-subtle-hover);
  --color-button-text-plum-bg-pressed: var(--color-plum-subtle-pressed);
  --color-button-text-plum-fg: var(--color-plum-text);
  --color-button-text-rose-bg-hover: var(--color-rose-subtle-hover);
  --color-button-text-rose-bg-pressed: var(--color-rose-subtle-pressed);
  --color-button-text-rose-fg: var(--color-rose-text);
  --color-button-text-sky-bg-hover: var(--color-sky-subtle-hover);
  --color-button-text-sky-bg-pressed: var(--color-sky-subtle-pressed);
  --color-button-text-sky-fg: var(--color-sky-text);
  --color-button-text-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-button-text-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-button-text-success-fg: var(--color-feedback-success-fg);
  --color-button-text-success-fg-hover: var(--color-green-700);
  --color-button-text-success-fg-pressed: var(--color-green-800);
  --color-button-text-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-button-text-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-button-text-warning-fg: var(--color-feedback-warning-fg);
  --color-button-text-warning-fg-hover: var(--color-orange-700);
  --color-button-text-warning-fg-pressed: var(--color-orange-800);
  --color-button-text-white-bg-hover: var(--color-white-subtle-hover);
  --color-button-text-white-bg-pressed: var(--color-white-subtle-pressed);
  --color-button-text-white-fg: var(--color-white-text);
  --color-coral-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-coral-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-coral-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-coral-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-coral-bg-gray-page: var(--color-elevation-gray-page);
  --color-coral-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-coral-feedback-danger-border: var(--color-feedback-danger-border);
  --color-coral-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-coral-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-coral-feedback-info-bg: var(--color-feedback-info-bg);
  --color-coral-feedback-info-border: var(--color-feedback-info-border);
  --color-coral-feedback-info-fg: var(--color-feedback-info-fg);
  --color-coral-feedback-info-fill: var(--color-feedback-info-solid);
  --color-coral-feedback-success-bg: var(--color-feedback-success-bg);
  --color-coral-feedback-success-border: var(--color-feedback-success-border);
  --color-coral-feedback-success-fg: var(--color-feedback-success-fg);
  --color-coral-feedback-success-fill: var(--color-feedback-success-solid);
  --color-coral-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-coral-feedback-warning-border: var(--color-feedback-warning-border);
  --color-coral-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-coral-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-coral-input-bg-default: var(--color-input-bg-default);
  --color-coral-input-bg-disabled: var(--color-input-bg-disabled);
  --color-coral-input-bg-focus: var(--color-input-bg-focus);
  --color-coral-input-bg-hover: var(--color-input-bg-hover);
  --color-coral-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-coral-input-bg-user-light: var(--color-input-bg-user-light);
  --color-coral-input-fg-danger: var(--color-feedback-danger-fg);
  --color-coral-input-fg-disabled: var(--color-layout-text-disabled);
  --color-coral-input-fg-helper: var(--color-input-fg-helper);
  --color-coral-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-coral-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-coral-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-coral-input-fg-icon-focus: var(--color-coral-text);
  --color-coral-input-fg-info: var(--color-feedback-info-fg);
  --color-coral-input-fg-label: var(--color-layout-text-title);
  --color-coral-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-coral-input-fg-required: var(--color-input-fg-required);
  --color-coral-input-fg-success: var(--color-feedback-success-fg);
  --color-coral-input-fg-value: var(--color-layout-text-title);
  --color-coral-input-fg-warning: var(--color-feedback-warning-fg);
  --color-coral-input-glow-danger: var(--color-input-glow-danger);
  --color-coral-input-glow-info: var(--color-input-glow-info);
  --color-coral-input-glow-success: var(--color-input-glow-success);
  --color-coral-input-glow-warning: var(--color-input-glow-warning);
  --color-coral-input-stroke-danger: var(--color-input-stroke-danger);
  --color-coral-input-stroke-default: var(--color-input-stroke-default);
  --color-coral-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-coral-input-stroke-focus: var(--color-coral-text);
  --color-coral-input-stroke-hover: var(--color-input-stroke-hover);
  --color-coral-input-stroke-info: var(--color-input-stroke-info);
  --color-coral-input-stroke-success: var(--color-input-stroke-success);
  --color-coral-input-stroke-warning: var(--color-input-stroke-warning);
  --color-coral-relief-raised-medium: var(--color-relief-raised-medium);
  --color-coral-relief-raised-strong: var(--color-relief-raised-strong);
  --color-coral-relief-raised-weak: var(--color-relief-raised-weak);
  --color-coral-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-coral-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-coral-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-coral-text-body: var(--color-layout-text-body);
  --color-coral-text-caption: var(--color-layout-text-caption);
  --color-coral-text-caption-light: var(--color-layout-text-caption-light);
  --color-coral-text-disabled: var(--color-layout-text-disabled);
  --color-coral-text-selected: var(--color-coral-text-pressed);
  --color-coral-text-title: var(--color-layout-text-title);
  --color-cyan-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-cyan-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-cyan-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-cyan-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-cyan-bg-gray-page: var(--color-elevation-gray-page);
  --color-cyan-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-cyan-feedback-danger-border: var(--color-feedback-danger-border);
  --color-cyan-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-cyan-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-cyan-feedback-info-bg: var(--color-feedback-info-bg);
  --color-cyan-feedback-info-border: var(--color-feedback-info-border);
  --color-cyan-feedback-info-fg: var(--color-feedback-info-fg);
  --color-cyan-feedback-info-fill: var(--color-feedback-info-solid);
  --color-cyan-feedback-success-bg: var(--color-feedback-success-bg);
  --color-cyan-feedback-success-border: var(--color-feedback-success-border);
  --color-cyan-feedback-success-fg: var(--color-feedback-success-fg);
  --color-cyan-feedback-success-fill: var(--color-feedback-success-solid);
  --color-cyan-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-cyan-feedback-warning-border: var(--color-feedback-warning-border);
  --color-cyan-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-cyan-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-cyan-input-bg-default: var(--color-input-bg-default);
  --color-cyan-input-bg-disabled: var(--color-input-bg-disabled);
  --color-cyan-input-bg-focus: var(--color-input-bg-focus);
  --color-cyan-input-bg-hover: var(--color-input-bg-hover);
  --color-cyan-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-cyan-input-bg-user-light: var(--color-input-bg-user-light);
  --color-cyan-input-fg-danger: var(--color-feedback-danger-fg);
  --color-cyan-input-fg-disabled: var(--color-layout-text-disabled);
  --color-cyan-input-fg-helper: var(--color-input-fg-helper);
  --color-cyan-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-cyan-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-cyan-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-cyan-input-fg-icon-focus: var(--color-cyan-text);
  --color-cyan-input-fg-info: var(--color-feedback-info-fg);
  --color-cyan-input-fg-label: var(--color-layout-text-title);
  --color-cyan-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-cyan-input-fg-required: var(--color-input-fg-required);
  --color-cyan-input-fg-success: var(--color-feedback-success-fg);
  --color-cyan-input-fg-value: var(--color-layout-text-title);
  --color-cyan-input-fg-warning: var(--color-feedback-warning-fg);
  --color-cyan-input-glow-danger: var(--color-input-glow-danger);
  --color-cyan-input-glow-info: var(--color-input-glow-info);
  --color-cyan-input-glow-success: var(--color-input-glow-success);
  --color-cyan-input-glow-warning: var(--color-input-glow-warning);
  --color-cyan-input-stroke-danger: var(--color-input-stroke-danger);
  --color-cyan-input-stroke-default: var(--color-input-stroke-default);
  --color-cyan-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-cyan-input-stroke-focus: var(--color-cyan-text);
  --color-cyan-input-stroke-hover: var(--color-input-stroke-hover);
  --color-cyan-input-stroke-info: var(--color-input-stroke-info);
  --color-cyan-input-stroke-success: var(--color-input-stroke-success);
  --color-cyan-input-stroke-warning: var(--color-input-stroke-warning);
  --color-cyan-relief-raised-medium: var(--color-relief-raised-medium);
  --color-cyan-relief-raised-strong: var(--color-relief-raised-strong);
  --color-cyan-relief-raised-weak: var(--color-relief-raised-weak);
  --color-cyan-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-cyan-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-cyan-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-cyan-text-body: var(--color-layout-text-body);
  --color-cyan-text-caption: var(--color-layout-text-caption);
  --color-cyan-text-caption-light: var(--color-layout-text-caption-light);
  --color-cyan-text-disabled: var(--color-layout-text-disabled);
  --color-cyan-text-selected: var(--color-cyan-text-pressed);
  --color-cyan-text-title: var(--color-layout-text-title);
  --color-emerald-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-emerald-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-emerald-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-emerald-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-emerald-bg-gray-page: var(--color-elevation-gray-page);
  --color-emerald-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-emerald-feedback-danger-border: var(--color-feedback-danger-border);
  --color-emerald-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-emerald-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-emerald-feedback-info-bg: var(--color-feedback-info-bg);
  --color-emerald-feedback-info-border: var(--color-feedback-info-border);
  --color-emerald-feedback-info-fg: var(--color-feedback-info-fg);
  --color-emerald-feedback-info-fill: var(--color-feedback-info-solid);
  --color-emerald-feedback-success-bg: var(--color-feedback-success-bg);
  --color-emerald-feedback-success-border: var(--color-feedback-success-border);
  --color-emerald-feedback-success-fg: var(--color-feedback-success-fg);
  --color-emerald-feedback-success-fill: var(--color-feedback-success-solid);
  --color-emerald-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-emerald-feedback-warning-border: var(--color-feedback-warning-border);
  --color-emerald-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-emerald-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-emerald-input-bg-default: var(--color-input-bg-default);
  --color-emerald-input-bg-disabled: var(--color-input-bg-disabled);
  --color-emerald-input-bg-focus: var(--color-input-bg-focus);
  --color-emerald-input-bg-hover: var(--color-input-bg-hover);
  --color-emerald-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-emerald-input-bg-user-light: var(--color-input-bg-user-light);
  --color-emerald-input-fg-danger: var(--color-feedback-danger-fg);
  --color-emerald-input-fg-disabled: var(--color-layout-text-disabled);
  --color-emerald-input-fg-helper: var(--color-input-fg-helper);
  --color-emerald-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-emerald-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-emerald-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-emerald-input-fg-icon-focus: var(--color-emerald-text);
  --color-emerald-input-fg-info: var(--color-feedback-info-fg);
  --color-emerald-input-fg-label: var(--color-layout-text-title);
  --color-emerald-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-emerald-input-fg-required: var(--color-input-fg-required);
  --color-emerald-input-fg-success: var(--color-feedback-success-fg);
  --color-emerald-input-fg-value: var(--color-layout-text-title);
  --color-emerald-input-fg-warning: var(--color-feedback-warning-fg);
  --color-emerald-input-glow-danger: var(--color-input-glow-danger);
  --color-emerald-input-glow-info: var(--color-input-glow-info);
  --color-emerald-input-glow-success: var(--color-input-glow-success);
  --color-emerald-input-glow-warning: var(--color-input-glow-warning);
  --color-emerald-input-stroke-danger: var(--color-input-stroke-danger);
  --color-emerald-input-stroke-default: var(--color-input-stroke-default);
  --color-emerald-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-emerald-input-stroke-focus: var(--color-emerald-text);
  --color-emerald-input-stroke-hover: var(--color-input-stroke-hover);
  --color-emerald-input-stroke-info: var(--color-input-stroke-info);
  --color-emerald-input-stroke-success: var(--color-input-stroke-success);
  --color-emerald-input-stroke-warning: var(--color-input-stroke-warning);
  --color-emerald-relief-raised-medium: var(--color-relief-raised-medium);
  --color-emerald-relief-raised-strong: var(--color-relief-raised-strong);
  --color-emerald-relief-raised-weak: var(--color-relief-raised-weak);
  --color-emerald-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-emerald-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-emerald-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-emerald-text-body: var(--color-layout-text-body);
  --color-emerald-text-caption: var(--color-layout-text-caption);
  --color-emerald-text-caption-light: var(--color-layout-text-caption-light);
  --color-emerald-text-disabled: var(--color-layout-text-disabled);
  --color-emerald-text-selected: var(--color-emerald-text-pressed);
  --color-emerald-text-title: var(--color-layout-text-title);
  --color-feedback-danger-action-hover: var(--color-feedback-danger-bg-hover);
  --color-feedback-danger-action-press: var(--color-feedback-danger-bg-pressed);
  --color-feedback-danger-action-pressed: var(--color-feedback-danger-bg-pressed);
  --color-feedback-danger-action-solid-hover: var(--color-feedback-danger-solid-hover);
  --color-feedback-danger-action-solid-press: var(--color-feedback-danger-solid-pressed);
  --color-feedback-danger-action-solid-pressed: var(--color-feedback-danger-solid-pressed);
  --color-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-feedback-info-action-hover: var(--color-feedback-info-bg-hover);
  --color-feedback-info-action-press: var(--color-feedback-info-bg-pressed);
  --color-feedback-info-action-pressed: var(--color-feedback-info-bg-pressed);
  --color-feedback-info-action-solid-hover: var(--color-feedback-info-solid-hover);
  --color-feedback-info-action-solid-press: var(--color-feedback-info-solid-pressed);
  --color-feedback-info-action-solid-pressed: var(--color-feedback-info-solid-pressed);
  --color-feedback-info-fill: var(--color-feedback-info-solid);
  --color-feedback-success-action-hover: var(--color-feedback-success-bg-hover);
  --color-feedback-success-action-press: var(--color-feedback-success-bg-pressed);
  --color-feedback-success-action-pressed: var(--color-feedback-success-bg-pressed);
  --color-feedback-success-action-solid-hover: var(--color-feedback-success-solid-hover);
  --color-feedback-success-action-solid-press: var(--color-feedback-success-solid-pressed);
  --color-feedback-success-action-solid-pressed: var(--color-feedback-success-solid-pressed);
  --color-feedback-success-fill: var(--color-feedback-success-solid);
  --color-feedback-warning-action-hover: var(--color-feedback-warning-bg-hover);
  --color-feedback-warning-action-press: var(--color-feedback-warning-bg-pressed);
  --color-feedback-warning-action-pressed: var(--color-feedback-warning-bg-pressed);
  --color-feedback-warning-action-solid-hover: var(--color-feedback-warning-solid-hover);
  --color-feedback-warning-action-solid-press: var(--color-feedback-warning-solid-pressed);
  --color-feedback-warning-action-solid-pressed: var(--color-feedback-warning-solid-pressed);
  --color-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-fg-brand: var(--color-brand-role-text);
  --color-fg-brand-hover: var(--color-brand-role-text-hover);
  --color-fg-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-fg-brand-selected: var(--color-brand-role-text-pressed);
  --color-fg-danger: var(--color-feedback-danger-fg);
  --color-fg-info: var(--color-feedback-info-fg);
  --color-fg-inverse-muted: var(--color-layout-text-on-solid-muted);
  --color-fg-neutral: var(--color-layout-text-title);
  --color-fg-neutral-muted: var(--color-layout-text-body);
  --color-fg-neutral-subtle: var(--color-layout-text-caption);
  --color-fg-on-solid: var(--color-layout-text-on-solid);
  --color-fg-success: var(--color-feedback-success-fg);
  --color-fg-warning: var(--color-feedback-warning-fg);
  --color-green-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-green-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-green-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-green-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-green-bg-gray-page: var(--color-elevation-gray-page);
  --color-green-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-green-feedback-danger-border: var(--color-feedback-danger-border);
  --color-green-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-green-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-green-feedback-info-bg: var(--color-feedback-info-bg);
  --color-green-feedback-info-border: var(--color-feedback-info-border);
  --color-green-feedback-info-fg: var(--color-feedback-info-fg);
  --color-green-feedback-info-fill: var(--color-feedback-info-solid);
  --color-green-feedback-success-bg: var(--color-feedback-success-bg);
  --color-green-feedback-success-border: var(--color-feedback-success-border);
  --color-green-feedback-success-fg: var(--color-feedback-success-fg);
  --color-green-feedback-success-fill: var(--color-feedback-success-solid);
  --color-green-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-green-feedback-warning-border: var(--color-feedback-warning-border);
  --color-green-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-green-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-green-input-bg-default: var(--color-input-bg-default);
  --color-green-input-bg-disabled: var(--color-input-bg-disabled);
  --color-green-input-bg-focus: var(--color-input-bg-focus);
  --color-green-input-bg-hover: var(--color-input-bg-hover);
  --color-green-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-green-input-bg-user-light: var(--color-input-bg-user-light);
  --color-green-input-fg-danger: var(--color-feedback-danger-fg);
  --color-green-input-fg-disabled: var(--color-layout-text-disabled);
  --color-green-input-fg-helper: var(--color-input-fg-helper);
  --color-green-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-green-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-green-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-green-input-fg-icon-focus: var(--color-green-text);
  --color-green-input-fg-info: var(--color-feedback-info-fg);
  --color-green-input-fg-label: var(--color-layout-text-title);
  --color-green-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-green-input-fg-required: var(--color-input-fg-required);
  --color-green-input-fg-success: var(--color-feedback-success-fg);
  --color-green-input-fg-value: var(--color-layout-text-title);
  --color-green-input-fg-warning: var(--color-feedback-warning-fg);
  --color-green-input-glow-danger: var(--color-input-glow-danger);
  --color-green-input-glow-info: var(--color-input-glow-info);
  --color-green-input-glow-success: var(--color-input-glow-success);
  --color-green-input-glow-warning: var(--color-input-glow-warning);
  --color-green-input-stroke-danger: var(--color-input-stroke-danger);
  --color-green-input-stroke-default: var(--color-input-stroke-default);
  --color-green-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-green-input-stroke-focus: var(--color-green-text);
  --color-green-input-stroke-hover: var(--color-input-stroke-hover);
  --color-green-input-stroke-info: var(--color-input-stroke-info);
  --color-green-input-stroke-success: var(--color-input-stroke-success);
  --color-green-input-stroke-warning: var(--color-input-stroke-warning);
  --color-green-relief-raised-medium: var(--color-relief-raised-medium);
  --color-green-relief-raised-strong: var(--color-relief-raised-strong);
  --color-green-relief-raised-weak: var(--color-relief-raised-weak);
  --color-green-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-green-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-green-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-green-text-body: var(--color-layout-text-body);
  --color-green-text-caption: var(--color-layout-text-caption);
  --color-green-text-caption-light: var(--color-layout-text-caption-light);
  --color-green-text-disabled: var(--color-layout-text-disabled);
  --color-green-text-selected: var(--color-green-text-pressed);
  --color-green-text-title: var(--color-layout-text-title);
  --color-indigo-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-indigo-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-indigo-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-indigo-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-indigo-bg-gray-page: var(--color-elevation-gray-page);
  --color-indigo-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-indigo-feedback-danger-border: var(--color-feedback-danger-border);
  --color-indigo-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-indigo-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-indigo-feedback-info-bg: var(--color-feedback-info-bg);
  --color-indigo-feedback-info-border: var(--color-feedback-info-border);
  --color-indigo-feedback-info-fg: var(--color-feedback-info-fg);
  --color-indigo-feedback-info-fill: var(--color-feedback-info-solid);
  --color-indigo-feedback-success-bg: var(--color-feedback-success-bg);
  --color-indigo-feedback-success-border: var(--color-feedback-success-border);
  --color-indigo-feedback-success-fg: var(--color-feedback-success-fg);
  --color-indigo-feedback-success-fill: var(--color-feedback-success-solid);
  --color-indigo-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-indigo-feedback-warning-border: var(--color-feedback-warning-border);
  --color-indigo-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-indigo-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-indigo-input-bg-default: var(--color-input-bg-default);
  --color-indigo-input-bg-disabled: var(--color-input-bg-disabled);
  --color-indigo-input-bg-focus: var(--color-input-bg-focus);
  --color-indigo-input-bg-hover: var(--color-input-bg-hover);
  --color-indigo-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-indigo-input-bg-user-light: var(--color-input-bg-user-light);
  --color-indigo-input-fg-danger: var(--color-feedback-danger-fg);
  --color-indigo-input-fg-disabled: var(--color-layout-text-disabled);
  --color-indigo-input-fg-helper: var(--color-input-fg-helper);
  --color-indigo-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-indigo-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-indigo-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-indigo-input-fg-icon-focus: var(--color-indigo-text);
  --color-indigo-input-fg-info: var(--color-feedback-info-fg);
  --color-indigo-input-fg-label: var(--color-layout-text-title);
  --color-indigo-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-indigo-input-fg-required: var(--color-input-fg-required);
  --color-indigo-input-fg-success: var(--color-feedback-success-fg);
  --color-indigo-input-fg-value: var(--color-layout-text-title);
  --color-indigo-input-fg-warning: var(--color-feedback-warning-fg);
  --color-indigo-input-glow-danger: var(--color-input-glow-danger);
  --color-indigo-input-glow-info: var(--color-input-glow-info);
  --color-indigo-input-glow-success: var(--color-input-glow-success);
  --color-indigo-input-glow-warning: var(--color-input-glow-warning);
  --color-indigo-input-stroke-danger: var(--color-input-stroke-danger);
  --color-indigo-input-stroke-default: var(--color-input-stroke-default);
  --color-indigo-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-indigo-input-stroke-focus: var(--color-indigo-text);
  --color-indigo-input-stroke-hover: var(--color-input-stroke-hover);
  --color-indigo-input-stroke-info: var(--color-input-stroke-info);
  --color-indigo-input-stroke-success: var(--color-input-stroke-success);
  --color-indigo-input-stroke-warning: var(--color-input-stroke-warning);
  --color-indigo-relief-raised-medium: var(--color-relief-raised-medium);
  --color-indigo-relief-raised-strong: var(--color-relief-raised-strong);
  --color-indigo-relief-raised-weak: var(--color-relief-raised-weak);
  --color-indigo-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-indigo-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-indigo-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-indigo-text-body: var(--color-layout-text-body);
  --color-indigo-text-caption: var(--color-layout-text-caption);
  --color-indigo-text-caption-light: var(--color-layout-text-caption-light);
  --color-indigo-text-disabled: var(--color-layout-text-disabled);
  --color-indigo-text-selected: var(--color-indigo-text-pressed);
  --color-indigo-text-title: var(--color-layout-text-title);
  --color-input-fg-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-field-default: var(--color-brand-role-input-bg-default);
  --color-input-field-disabled: var(--color-brand-role-input-bg-disabled);
  --color-input-field-focus: var(--color-brand-role-input-bg-focus);
  --color-input-field-hover: var(--color-brand-role-input-bg-hover);
  --color-input-field-user-dark: var(--color-brand-role-input-bg-user-dark);
  --color-input-field-user-light: var(--color-brand-role-input-bg-user-light);
  --color-input-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-input-icon-action: var(--color-brand-role-input-fg-icon-action);
  --color-input-icon-default: var(--color-brand-role-input-fg-icon-default);
  --color-input-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-input-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-input-text-helper: var(--color-brand-role-input-fg-helper);
  --color-input-text-placeholder: var(--color-brand-role-input-fg-placeholder);
  --color-input-text-required: var(--color-brand-role-input-fg-required);
  --color-lavender-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-lavender-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-lavender-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-lavender-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-lavender-bg-gray-page: var(--color-elevation-gray-page);
  --color-lavender-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-lavender-feedback-danger-border: var(--color-feedback-danger-border);
  --color-lavender-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-lavender-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-lavender-feedback-info-bg: var(--color-feedback-info-bg);
  --color-lavender-feedback-info-border: var(--color-feedback-info-border);
  --color-lavender-feedback-info-fg: var(--color-feedback-info-fg);
  --color-lavender-feedback-info-fill: var(--color-feedback-info-solid);
  --color-lavender-feedback-success-bg: var(--color-feedback-success-bg);
  --color-lavender-feedback-success-border: var(--color-feedback-success-border);
  --color-lavender-feedback-success-fg: var(--color-feedback-success-fg);
  --color-lavender-feedback-success-fill: var(--color-feedback-success-solid);
  --color-lavender-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-lavender-feedback-warning-border: var(--color-feedback-warning-border);
  --color-lavender-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-lavender-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-lavender-input-bg-default: var(--color-input-bg-default);
  --color-lavender-input-bg-disabled: var(--color-input-bg-disabled);
  --color-lavender-input-bg-focus: var(--color-input-bg-focus);
  --color-lavender-input-bg-hover: var(--color-input-bg-hover);
  --color-lavender-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-lavender-input-bg-user-light: var(--color-input-bg-user-light);
  --color-lavender-input-fg-danger: var(--color-feedback-danger-fg);
  --color-lavender-input-fg-disabled: var(--color-layout-text-disabled);
  --color-lavender-input-fg-helper: var(--color-input-fg-helper);
  --color-lavender-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-lavender-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-lavender-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-lavender-input-fg-icon-focus: var(--color-lavender-text);
  --color-lavender-input-fg-info: var(--color-feedback-info-fg);
  --color-lavender-input-fg-label: var(--color-layout-text-title);
  --color-lavender-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-lavender-input-fg-required: var(--color-input-fg-required);
  --color-lavender-input-fg-success: var(--color-feedback-success-fg);
  --color-lavender-input-fg-value: var(--color-layout-text-title);
  --color-lavender-input-fg-warning: var(--color-feedback-warning-fg);
  --color-lavender-input-glow-danger: var(--color-input-glow-danger);
  --color-lavender-input-glow-info: var(--color-input-glow-info);
  --color-lavender-input-glow-success: var(--color-input-glow-success);
  --color-lavender-input-glow-warning: var(--color-input-glow-warning);
  --color-lavender-input-stroke-danger: var(--color-input-stroke-danger);
  --color-lavender-input-stroke-default: var(--color-input-stroke-default);
  --color-lavender-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-lavender-input-stroke-focus: var(--color-lavender-text);
  --color-lavender-input-stroke-hover: var(--color-input-stroke-hover);
  --color-lavender-input-stroke-info: var(--color-input-stroke-info);
  --color-lavender-input-stroke-success: var(--color-input-stroke-success);
  --color-lavender-input-stroke-warning: var(--color-input-stroke-warning);
  --color-lavender-relief-raised-medium: var(--color-relief-raised-medium);
  --color-lavender-relief-raised-strong: var(--color-relief-raised-strong);
  --color-lavender-relief-raised-weak: var(--color-relief-raised-weak);
  --color-lavender-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-lavender-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-lavender-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-lavender-text-body: var(--color-layout-text-body);
  --color-lavender-text-caption: var(--color-layout-text-caption);
  --color-lavender-text-caption-light: var(--color-layout-text-caption-light);
  --color-lavender-text-disabled: var(--color-layout-text-disabled);
  --color-lavender-text-selected: var(--color-lavender-text-pressed);
  --color-lavender-text-title: var(--color-layout-text-title);
  --color-layout-bg-layer-2: var(--color-elevation-gray-layer-2);
  --color-layout-bg-page: var(--color-elevation-gray-page);
  --color-layout-bg-panel: var(--color-elevation-gray-layer-3);
  --color-layout-text-default: var(--color-layout-text-title);
  --color-layout-text-muted: var(--color-layout-text-body);
  --color-layout-text-subtle: var(--color-layout-text-caption);
  --color-lime-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-lime-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-lime-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-lime-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-lime-bg-gray-page: var(--color-elevation-gray-page);
  --color-lime-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-lime-feedback-danger-border: var(--color-feedback-danger-border);
  --color-lime-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-lime-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-lime-feedback-info-bg: var(--color-feedback-info-bg);
  --color-lime-feedback-info-border: var(--color-feedback-info-border);
  --color-lime-feedback-info-fg: var(--color-feedback-info-fg);
  --color-lime-feedback-info-fill: var(--color-feedback-info-solid);
  --color-lime-feedback-success-bg: var(--color-feedback-success-bg);
  --color-lime-feedback-success-border: var(--color-feedback-success-border);
  --color-lime-feedback-success-fg: var(--color-feedback-success-fg);
  --color-lime-feedback-success-fill: var(--color-feedback-success-solid);
  --color-lime-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-lime-feedback-warning-border: var(--color-feedback-warning-border);
  --color-lime-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-lime-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-lime-input-bg-default: var(--color-input-bg-default);
  --color-lime-input-bg-disabled: var(--color-input-bg-disabled);
  --color-lime-input-bg-focus: var(--color-input-bg-focus);
  --color-lime-input-bg-hover: var(--color-input-bg-hover);
  --color-lime-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-lime-input-bg-user-light: var(--color-input-bg-user-light);
  --color-lime-input-fg-danger: var(--color-feedback-danger-fg);
  --color-lime-input-fg-disabled: var(--color-layout-text-disabled);
  --color-lime-input-fg-helper: var(--color-input-fg-helper);
  --color-lime-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-lime-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-lime-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-lime-input-fg-icon-focus: var(--color-lime-text);
  --color-lime-input-fg-info: var(--color-feedback-info-fg);
  --color-lime-input-fg-label: var(--color-layout-text-title);
  --color-lime-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-lime-input-fg-required: var(--color-input-fg-required);
  --color-lime-input-fg-success: var(--color-feedback-success-fg);
  --color-lime-input-fg-value: var(--color-layout-text-title);
  --color-lime-input-fg-warning: var(--color-feedback-warning-fg);
  --color-lime-input-glow-danger: var(--color-input-glow-danger);
  --color-lime-input-glow-info: var(--color-input-glow-info);
  --color-lime-input-glow-success: var(--color-input-glow-success);
  --color-lime-input-glow-warning: var(--color-input-glow-warning);
  --color-lime-input-stroke-danger: var(--color-input-stroke-danger);
  --color-lime-input-stroke-default: var(--color-input-stroke-default);
  --color-lime-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-lime-input-stroke-focus: var(--color-lime-text);
  --color-lime-input-stroke-hover: var(--color-input-stroke-hover);
  --color-lime-input-stroke-info: var(--color-input-stroke-info);
  --color-lime-input-stroke-success: var(--color-input-stroke-success);
  --color-lime-input-stroke-warning: var(--color-input-stroke-warning);
  --color-lime-relief-raised-medium: var(--color-relief-raised-medium);
  --color-lime-relief-raised-strong: var(--color-relief-raised-strong);
  --color-lime-relief-raised-weak: var(--color-relief-raised-weak);
  --color-lime-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-lime-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-lime-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-lime-text-body: var(--color-layout-text-body);
  --color-lime-text-caption: var(--color-layout-text-caption);
  --color-lime-text-caption-light: var(--color-layout-text-caption-light);
  --color-lime-text-disabled: var(--color-layout-text-disabled);
  --color-lime-text-selected: var(--color-lime-text-pressed);
  --color-lime-text-title: var(--color-layout-text-title);
  --color-mustard-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-mustard-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-mustard-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-mustard-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-mustard-bg-gray-page: var(--color-elevation-gray-page);
  --color-mustard-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-mustard-feedback-danger-border: var(--color-feedback-danger-border);
  --color-mustard-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-mustard-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-mustard-feedback-info-bg: var(--color-feedback-info-bg);
  --color-mustard-feedback-info-border: var(--color-feedback-info-border);
  --color-mustard-feedback-info-fg: var(--color-feedback-info-fg);
  --color-mustard-feedback-info-fill: var(--color-feedback-info-solid);
  --color-mustard-feedback-success-bg: var(--color-feedback-success-bg);
  --color-mustard-feedback-success-border: var(--color-feedback-success-border);
  --color-mustard-feedback-success-fg: var(--color-feedback-success-fg);
  --color-mustard-feedback-success-fill: var(--color-feedback-success-solid);
  --color-mustard-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-mustard-feedback-warning-border: var(--color-feedback-warning-border);
  --color-mustard-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-mustard-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-mustard-input-bg-default: var(--color-input-bg-default);
  --color-mustard-input-bg-disabled: var(--color-input-bg-disabled);
  --color-mustard-input-bg-focus: var(--color-input-bg-focus);
  --color-mustard-input-bg-hover: var(--color-input-bg-hover);
  --color-mustard-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-mustard-input-bg-user-light: var(--color-input-bg-user-light);
  --color-mustard-input-fg-danger: var(--color-feedback-danger-fg);
  --color-mustard-input-fg-disabled: var(--color-layout-text-disabled);
  --color-mustard-input-fg-helper: var(--color-input-fg-helper);
  --color-mustard-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-mustard-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-mustard-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-mustard-input-fg-icon-focus: var(--color-mustard-text);
  --color-mustard-input-fg-info: var(--color-feedback-info-fg);
  --color-mustard-input-fg-label: var(--color-layout-text-title);
  --color-mustard-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-mustard-input-fg-required: var(--color-input-fg-required);
  --color-mustard-input-fg-success: var(--color-feedback-success-fg);
  --color-mustard-input-fg-value: var(--color-layout-text-title);
  --color-mustard-input-fg-warning: var(--color-feedback-warning-fg);
  --color-mustard-input-glow-danger: var(--color-input-glow-danger);
  --color-mustard-input-glow-info: var(--color-input-glow-info);
  --color-mustard-input-glow-success: var(--color-input-glow-success);
  --color-mustard-input-glow-warning: var(--color-input-glow-warning);
  --color-mustard-input-stroke-danger: var(--color-input-stroke-danger);
  --color-mustard-input-stroke-default: var(--color-input-stroke-default);
  --color-mustard-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-mustard-input-stroke-focus: var(--color-mustard-text);
  --color-mustard-input-stroke-hover: var(--color-input-stroke-hover);
  --color-mustard-input-stroke-info: var(--color-input-stroke-info);
  --color-mustard-input-stroke-success: var(--color-input-stroke-success);
  --color-mustard-input-stroke-warning: var(--color-input-stroke-warning);
  --color-mustard-relief-raised-medium: var(--color-relief-raised-medium);
  --color-mustard-relief-raised-strong: var(--color-relief-raised-strong);
  --color-mustard-relief-raised-weak: var(--color-relief-raised-weak);
  --color-mustard-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-mustard-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-mustard-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-mustard-text-body: var(--color-layout-text-body);
  --color-mustard-text-caption: var(--color-layout-text-caption);
  --color-mustard-text-caption-light: var(--color-layout-text-caption-light);
  --color-mustard-text-disabled: var(--color-layout-text-disabled);
  --color-mustard-text-selected: var(--color-mustard-text-pressed);
  --color-mustard-text-title: var(--color-layout-text-title);
  --color-navy-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-navy-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-navy-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-navy-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-navy-bg-gray-page: var(--color-elevation-gray-page);
  --color-navy-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-navy-feedback-danger-border: var(--color-feedback-danger-border);
  --color-navy-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-navy-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-navy-feedback-info-bg: var(--color-feedback-info-bg);
  --color-navy-feedback-info-border: var(--color-feedback-info-border);
  --color-navy-feedback-info-fg: var(--color-feedback-info-fg);
  --color-navy-feedback-info-fill: var(--color-feedback-info-solid);
  --color-navy-feedback-success-bg: var(--color-feedback-success-bg);
  --color-navy-feedback-success-border: var(--color-feedback-success-border);
  --color-navy-feedback-success-fg: var(--color-feedback-success-fg);
  --color-navy-feedback-success-fill: var(--color-feedback-success-solid);
  --color-navy-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-navy-feedback-warning-border: var(--color-feedback-warning-border);
  --color-navy-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-navy-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-navy-input-bg-default: var(--color-input-bg-default);
  --color-navy-input-bg-disabled: var(--color-input-bg-disabled);
  --color-navy-input-bg-focus: var(--color-input-bg-focus);
  --color-navy-input-bg-hover: var(--color-input-bg-hover);
  --color-navy-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-navy-input-bg-user-light: var(--color-input-bg-user-light);
  --color-navy-input-fg-danger: var(--color-feedback-danger-fg);
  --color-navy-input-fg-disabled: var(--color-layout-text-disabled);
  --color-navy-input-fg-helper: var(--color-input-fg-helper);
  --color-navy-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-navy-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-navy-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-navy-input-fg-icon-focus: var(--color-navy-text);
  --color-navy-input-fg-info: var(--color-feedback-info-fg);
  --color-navy-input-fg-label: var(--color-layout-text-title);
  --color-navy-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-navy-input-fg-required: var(--color-input-fg-required);
  --color-navy-input-fg-success: var(--color-feedback-success-fg);
  --color-navy-input-fg-value: var(--color-layout-text-title);
  --color-navy-input-fg-warning: var(--color-feedback-warning-fg);
  --color-navy-input-glow-danger: var(--color-input-glow-danger);
  --color-navy-input-glow-info: var(--color-input-glow-info);
  --color-navy-input-glow-success: var(--color-input-glow-success);
  --color-navy-input-glow-warning: var(--color-input-glow-warning);
  --color-navy-input-stroke-danger: var(--color-input-stroke-danger);
  --color-navy-input-stroke-default: var(--color-input-stroke-default);
  --color-navy-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-navy-input-stroke-focus: var(--color-navy-text);
  --color-navy-input-stroke-hover: var(--color-input-stroke-hover);
  --color-navy-input-stroke-info: var(--color-input-stroke-info);
  --color-navy-input-stroke-success: var(--color-input-stroke-success);
  --color-navy-input-stroke-warning: var(--color-input-stroke-warning);
  --color-navy-relief-raised-medium: var(--color-relief-raised-medium);
  --color-navy-relief-raised-strong: var(--color-relief-raised-strong);
  --color-navy-relief-raised-weak: var(--color-relief-raised-weak);
  --color-navy-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-navy-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-navy-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-navy-text-body: var(--color-layout-text-body);
  --color-navy-text-caption: var(--color-layout-text-caption);
  --color-navy-text-caption-light: var(--color-layout-text-caption-light);
  --color-navy-text-disabled: var(--color-layout-text-disabled);
  --color-navy-text-selected: var(--color-navy-text-pressed);
  --color-navy-text-title: var(--color-layout-text-title);
  --color-olive-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-olive-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-olive-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-olive-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-olive-bg-gray-page: var(--color-elevation-gray-page);
  --color-olive-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-olive-feedback-danger-border: var(--color-feedback-danger-border);
  --color-olive-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-olive-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-olive-feedback-info-bg: var(--color-feedback-info-bg);
  --color-olive-feedback-info-border: var(--color-feedback-info-border);
  --color-olive-feedback-info-fg: var(--color-feedback-info-fg);
  --color-olive-feedback-info-fill: var(--color-feedback-info-solid);
  --color-olive-feedback-success-bg: var(--color-feedback-success-bg);
  --color-olive-feedback-success-border: var(--color-feedback-success-border);
  --color-olive-feedback-success-fg: var(--color-feedback-success-fg);
  --color-olive-feedback-success-fill: var(--color-feedback-success-solid);
  --color-olive-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-olive-feedback-warning-border: var(--color-feedback-warning-border);
  --color-olive-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-olive-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-olive-input-bg-default: var(--color-input-bg-default);
  --color-olive-input-bg-disabled: var(--color-input-bg-disabled);
  --color-olive-input-bg-focus: var(--color-input-bg-focus);
  --color-olive-input-bg-hover: var(--color-input-bg-hover);
  --color-olive-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-olive-input-bg-user-light: var(--color-input-bg-user-light);
  --color-olive-input-fg-danger: var(--color-feedback-danger-fg);
  --color-olive-input-fg-disabled: var(--color-layout-text-disabled);
  --color-olive-input-fg-helper: var(--color-input-fg-helper);
  --color-olive-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-olive-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-olive-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-olive-input-fg-icon-focus: var(--color-olive-text);
  --color-olive-input-fg-info: var(--color-feedback-info-fg);
  --color-olive-input-fg-label: var(--color-layout-text-title);
  --color-olive-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-olive-input-fg-required: var(--color-input-fg-required);
  --color-olive-input-fg-success: var(--color-feedback-success-fg);
  --color-olive-input-fg-value: var(--color-layout-text-title);
  --color-olive-input-fg-warning: var(--color-feedback-warning-fg);
  --color-olive-input-glow-danger: var(--color-input-glow-danger);
  --color-olive-input-glow-info: var(--color-input-glow-info);
  --color-olive-input-glow-success: var(--color-input-glow-success);
  --color-olive-input-glow-warning: var(--color-input-glow-warning);
  --color-olive-input-stroke-danger: var(--color-input-stroke-danger);
  --color-olive-input-stroke-default: var(--color-input-stroke-default);
  --color-olive-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-olive-input-stroke-focus: var(--color-olive-text);
  --color-olive-input-stroke-hover: var(--color-input-stroke-hover);
  --color-olive-input-stroke-info: var(--color-input-stroke-info);
  --color-olive-input-stroke-success: var(--color-input-stroke-success);
  --color-olive-input-stroke-warning: var(--color-input-stroke-warning);
  --color-olive-relief-raised-medium: var(--color-relief-raised-medium);
  --color-olive-relief-raised-strong: var(--color-relief-raised-strong);
  --color-olive-relief-raised-weak: var(--color-relief-raised-weak);
  --color-olive-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-olive-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-olive-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-olive-text-body: var(--color-layout-text-body);
  --color-olive-text-caption: var(--color-layout-text-caption);
  --color-olive-text-caption-light: var(--color-layout-text-caption-light);
  --color-olive-text-disabled: var(--color-layout-text-disabled);
  --color-olive-text-selected: var(--color-olive-text-pressed);
  --color-olive-text-title: var(--color-layout-text-title);
  --color-orange-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-orange-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-orange-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-orange-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-orange-bg-gray-page: var(--color-elevation-gray-page);
  --color-orange-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-orange-feedback-danger-border: var(--color-feedback-danger-border);
  --color-orange-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-orange-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-orange-feedback-info-bg: var(--color-feedback-info-bg);
  --color-orange-feedback-info-border: var(--color-feedback-info-border);
  --color-orange-feedback-info-fg: var(--color-feedback-info-fg);
  --color-orange-feedback-info-fill: var(--color-feedback-info-solid);
  --color-orange-feedback-success-bg: var(--color-feedback-success-bg);
  --color-orange-feedback-success-border: var(--color-feedback-success-border);
  --color-orange-feedback-success-fg: var(--color-feedback-success-fg);
  --color-orange-feedback-success-fill: var(--color-feedback-success-solid);
  --color-orange-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-orange-feedback-warning-border: var(--color-feedback-warning-border);
  --color-orange-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-orange-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-orange-input-bg-default: var(--color-input-bg-default);
  --color-orange-input-bg-disabled: var(--color-input-bg-disabled);
  --color-orange-input-bg-focus: var(--color-input-bg-focus);
  --color-orange-input-bg-hover: var(--color-input-bg-hover);
  --color-orange-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-orange-input-bg-user-light: var(--color-input-bg-user-light);
  --color-orange-input-fg-danger: var(--color-feedback-danger-fg);
  --color-orange-input-fg-disabled: var(--color-layout-text-disabled);
  --color-orange-input-fg-helper: var(--color-input-fg-helper);
  --color-orange-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-orange-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-orange-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-orange-input-fg-icon-focus: var(--color-orange-text);
  --color-orange-input-fg-info: var(--color-feedback-info-fg);
  --color-orange-input-fg-label: var(--color-layout-text-title);
  --color-orange-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-orange-input-fg-required: var(--color-input-fg-required);
  --color-orange-input-fg-success: var(--color-feedback-success-fg);
  --color-orange-input-fg-value: var(--color-layout-text-title);
  --color-orange-input-fg-warning: var(--color-feedback-warning-fg);
  --color-orange-input-glow-danger: var(--color-input-glow-danger);
  --color-orange-input-glow-info: var(--color-input-glow-info);
  --color-orange-input-glow-success: var(--color-input-glow-success);
  --color-orange-input-glow-warning: var(--color-input-glow-warning);
  --color-orange-input-stroke-danger: var(--color-input-stroke-danger);
  --color-orange-input-stroke-default: var(--color-input-stroke-default);
  --color-orange-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-orange-input-stroke-focus: var(--color-orange-text);
  --color-orange-input-stroke-hover: var(--color-input-stroke-hover);
  --color-orange-input-stroke-info: var(--color-input-stroke-info);
  --color-orange-input-stroke-success: var(--color-input-stroke-success);
  --color-orange-input-stroke-warning: var(--color-input-stroke-warning);
  --color-orange-relief-raised-medium: var(--color-relief-raised-medium);
  --color-orange-relief-raised-strong: var(--color-relief-raised-strong);
  --color-orange-relief-raised-weak: var(--color-relief-raised-weak);
  --color-orange-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-orange-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-orange-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-orange-text-body: var(--color-layout-text-body);
  --color-orange-text-caption: var(--color-layout-text-caption);
  --color-orange-text-caption-light: var(--color-layout-text-caption-light);
  --color-orange-text-disabled: var(--color-layout-text-disabled);
  --color-orange-text-selected: var(--color-orange-text-pressed);
  --color-orange-text-title: var(--color-layout-text-title);
  --color-overlay-raised-medium: var(--color-relief-raised-medium);
  --color-overlay-raised-strong: var(--color-relief-raised-strong);
  --color-overlay-raised-weak: var(--color-relief-raised-weak);
  --color-overlay-sunken-medium: var(--color-relief-sunken-medium);
  --color-overlay-sunken-strong: var(--color-relief-sunken-strong);
  --color-overlay-sunken-weak: var(--color-relief-sunken-weak);
  --color-plum-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-plum-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-plum-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-plum-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-plum-bg-gray-page: var(--color-elevation-gray-page);
  --color-plum-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-plum-feedback-danger-border: var(--color-feedback-danger-border);
  --color-plum-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-plum-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-plum-feedback-info-bg: var(--color-feedback-info-bg);
  --color-plum-feedback-info-border: var(--color-feedback-info-border);
  --color-plum-feedback-info-fg: var(--color-feedback-info-fg);
  --color-plum-feedback-info-fill: var(--color-feedback-info-solid);
  --color-plum-feedback-success-bg: var(--color-feedback-success-bg);
  --color-plum-feedback-success-border: var(--color-feedback-success-border);
  --color-plum-feedback-success-fg: var(--color-feedback-success-fg);
  --color-plum-feedback-success-fill: var(--color-feedback-success-solid);
  --color-plum-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-plum-feedback-warning-border: var(--color-feedback-warning-border);
  --color-plum-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-plum-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-plum-input-bg-default: var(--color-input-bg-default);
  --color-plum-input-bg-disabled: var(--color-input-bg-disabled);
  --color-plum-input-bg-focus: var(--color-input-bg-focus);
  --color-plum-input-bg-hover: var(--color-input-bg-hover);
  --color-plum-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-plum-input-bg-user-light: var(--color-input-bg-user-light);
  --color-plum-input-fg-danger: var(--color-feedback-danger-fg);
  --color-plum-input-fg-disabled: var(--color-layout-text-disabled);
  --color-plum-input-fg-helper: var(--color-input-fg-helper);
  --color-plum-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-plum-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-plum-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-plum-input-fg-icon-focus: var(--color-plum-text);
  --color-plum-input-fg-info: var(--color-feedback-info-fg);
  --color-plum-input-fg-label: var(--color-layout-text-title);
  --color-plum-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-plum-input-fg-required: var(--color-input-fg-required);
  --color-plum-input-fg-success: var(--color-feedback-success-fg);
  --color-plum-input-fg-value: var(--color-layout-text-title);
  --color-plum-input-fg-warning: var(--color-feedback-warning-fg);
  --color-plum-input-glow-danger: var(--color-input-glow-danger);
  --color-plum-input-glow-info: var(--color-input-glow-info);
  --color-plum-input-glow-success: var(--color-input-glow-success);
  --color-plum-input-glow-warning: var(--color-input-glow-warning);
  --color-plum-input-stroke-danger: var(--color-input-stroke-danger);
  --color-plum-input-stroke-default: var(--color-input-stroke-default);
  --color-plum-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-plum-input-stroke-focus: var(--color-plum-text);
  --color-plum-input-stroke-hover: var(--color-input-stroke-hover);
  --color-plum-input-stroke-info: var(--color-input-stroke-info);
  --color-plum-input-stroke-success: var(--color-input-stroke-success);
  --color-plum-input-stroke-warning: var(--color-input-stroke-warning);
  --color-plum-relief-raised-medium: var(--color-relief-raised-medium);
  --color-plum-relief-raised-strong: var(--color-relief-raised-strong);
  --color-plum-relief-raised-weak: var(--color-relief-raised-weak);
  --color-plum-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-plum-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-plum-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-plum-text-body: var(--color-layout-text-body);
  --color-plum-text-caption: var(--color-layout-text-caption);
  --color-plum-text-caption-light: var(--color-layout-text-caption-light);
  --color-plum-text-disabled: var(--color-layout-text-disabled);
  --color-plum-text-selected: var(--color-plum-text-pressed);
  --color-plum-text-title: var(--color-layout-text-title);
  --color-purple-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-purple-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-purple-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-purple-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-purple-bg-gray-page: var(--color-elevation-gray-page);
  --color-purple-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-purple-feedback-danger-border: var(--color-feedback-danger-border);
  --color-purple-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-purple-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-purple-feedback-info-bg: var(--color-feedback-info-bg);
  --color-purple-feedback-info-border: var(--color-feedback-info-border);
  --color-purple-feedback-info-fg: var(--color-feedback-info-fg);
  --color-purple-feedback-info-fill: var(--color-feedback-info-solid);
  --color-purple-feedback-success-bg: var(--color-feedback-success-bg);
  --color-purple-feedback-success-border: var(--color-feedback-success-border);
  --color-purple-feedback-success-fg: var(--color-feedback-success-fg);
  --color-purple-feedback-success-fill: var(--color-feedback-success-solid);
  --color-purple-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-purple-feedback-warning-border: var(--color-feedback-warning-border);
  --color-purple-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-purple-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-purple-input-bg-default: var(--color-input-bg-default);
  --color-purple-input-bg-disabled: var(--color-input-bg-disabled);
  --color-purple-input-bg-focus: var(--color-input-bg-focus);
  --color-purple-input-bg-hover: var(--color-input-bg-hover);
  --color-purple-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-purple-input-bg-user-light: var(--color-input-bg-user-light);
  --color-purple-input-fg-danger: var(--color-feedback-danger-fg);
  --color-purple-input-fg-disabled: var(--color-layout-text-disabled);
  --color-purple-input-fg-helper: var(--color-input-fg-helper);
  --color-purple-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-purple-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-purple-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-purple-input-fg-icon-focus: var(--color-purple-text);
  --color-purple-input-fg-info: var(--color-feedback-info-fg);
  --color-purple-input-fg-label: var(--color-layout-text-title);
  --color-purple-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-purple-input-fg-required: var(--color-input-fg-required);
  --color-purple-input-fg-success: var(--color-feedback-success-fg);
  --color-purple-input-fg-value: var(--color-layout-text-title);
  --color-purple-input-fg-warning: var(--color-feedback-warning-fg);
  --color-purple-input-glow-danger: var(--color-input-glow-danger);
  --color-purple-input-glow-info: var(--color-input-glow-info);
  --color-purple-input-glow-success: var(--color-input-glow-success);
  --color-purple-input-glow-warning: var(--color-input-glow-warning);
  --color-purple-input-stroke-danger: var(--color-input-stroke-danger);
  --color-purple-input-stroke-default: var(--color-input-stroke-default);
  --color-purple-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-purple-input-stroke-focus: var(--color-purple-text);
  --color-purple-input-stroke-hover: var(--color-input-stroke-hover);
  --color-purple-input-stroke-info: var(--color-input-stroke-info);
  --color-purple-input-stroke-success: var(--color-input-stroke-success);
  --color-purple-input-stroke-warning: var(--color-input-stroke-warning);
  --color-purple-relief-raised-medium: var(--color-relief-raised-medium);
  --color-purple-relief-raised-strong: var(--color-relief-raised-strong);
  --color-purple-relief-raised-weak: var(--color-relief-raised-weak);
  --color-purple-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-purple-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-purple-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-purple-text-body: var(--color-layout-text-body);
  --color-purple-text-caption: var(--color-layout-text-caption);
  --color-purple-text-caption-light: var(--color-layout-text-caption-light);
  --color-purple-text-disabled: var(--color-layout-text-disabled);
  --color-purple-text-selected: var(--color-purple-text-pressed);
  --color-purple-text-title: var(--color-layout-text-title);
  --color-red-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-red-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-red-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-red-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-red-bg-gray-page: var(--color-elevation-gray-page);
  --color-red-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-red-feedback-danger-border: var(--color-feedback-danger-border);
  --color-red-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-red-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-red-feedback-info-bg: var(--color-feedback-info-bg);
  --color-red-feedback-info-border: var(--color-feedback-info-border);
  --color-red-feedback-info-fg: var(--color-feedback-info-fg);
  --color-red-feedback-info-fill: var(--color-feedback-info-solid);
  --color-red-feedback-success-bg: var(--color-feedback-success-bg);
  --color-red-feedback-success-border: var(--color-feedback-success-border);
  --color-red-feedback-success-fg: var(--color-feedback-success-fg);
  --color-red-feedback-success-fill: var(--color-feedback-success-solid);
  --color-red-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-red-feedback-warning-border: var(--color-feedback-warning-border);
  --color-red-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-red-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-red-input-bg-default: var(--color-input-bg-default);
  --color-red-input-bg-disabled: var(--color-input-bg-disabled);
  --color-red-input-bg-focus: var(--color-input-bg-focus);
  --color-red-input-bg-hover: var(--color-input-bg-hover);
  --color-red-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-red-input-bg-user-light: var(--color-input-bg-user-light);
  --color-red-input-fg-danger: var(--color-feedback-danger-fg);
  --color-red-input-fg-disabled: var(--color-layout-text-disabled);
  --color-red-input-fg-helper: var(--color-input-fg-helper);
  --color-red-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-red-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-red-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-red-input-fg-icon-focus: var(--color-red-text);
  --color-red-input-fg-info: var(--color-feedback-info-fg);
  --color-red-input-fg-label: var(--color-layout-text-title);
  --color-red-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-red-input-fg-required: var(--color-input-fg-required);
  --color-red-input-fg-success: var(--color-feedback-success-fg);
  --color-red-input-fg-value: var(--color-layout-text-title);
  --color-red-input-fg-warning: var(--color-feedback-warning-fg);
  --color-red-input-glow-danger: var(--color-input-glow-danger);
  --color-red-input-glow-info: var(--color-input-glow-info);
  --color-red-input-glow-success: var(--color-input-glow-success);
  --color-red-input-glow-warning: var(--color-input-glow-warning);
  --color-red-input-stroke-danger: var(--color-input-stroke-danger);
  --color-red-input-stroke-default: var(--color-input-stroke-default);
  --color-red-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-red-input-stroke-focus: var(--color-red-text);
  --color-red-input-stroke-hover: var(--color-input-stroke-hover);
  --color-red-input-stroke-info: var(--color-input-stroke-info);
  --color-red-input-stroke-success: var(--color-input-stroke-success);
  --color-red-input-stroke-warning: var(--color-input-stroke-warning);
  --color-red-relief-raised-medium: var(--color-relief-raised-medium);
  --color-red-relief-raised-strong: var(--color-relief-raised-strong);
  --color-red-relief-raised-weak: var(--color-relief-raised-weak);
  --color-red-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-red-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-red-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-red-text-body: var(--color-layout-text-body);
  --color-red-text-caption: var(--color-layout-text-caption);
  --color-red-text-caption-light: var(--color-layout-text-caption-light);
  --color-red-text-disabled: var(--color-layout-text-disabled);
  --color-red-text-selected: var(--color-red-text-pressed);
  --color-red-text-title: var(--color-layout-text-title);
  --color-rose-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-rose-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-rose-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-rose-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-rose-bg-gray-page: var(--color-elevation-gray-page);
  --color-rose-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-rose-feedback-danger-border: var(--color-feedback-danger-border);
  --color-rose-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-rose-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-rose-feedback-info-bg: var(--color-feedback-info-bg);
  --color-rose-feedback-info-border: var(--color-feedback-info-border);
  --color-rose-feedback-info-fg: var(--color-feedback-info-fg);
  --color-rose-feedback-info-fill: var(--color-feedback-info-solid);
  --color-rose-feedback-success-bg: var(--color-feedback-success-bg);
  --color-rose-feedback-success-border: var(--color-feedback-success-border);
  --color-rose-feedback-success-fg: var(--color-feedback-success-fg);
  --color-rose-feedback-success-fill: var(--color-feedback-success-solid);
  --color-rose-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-rose-feedback-warning-border: var(--color-feedback-warning-border);
  --color-rose-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-rose-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-rose-input-bg-default: var(--color-input-bg-default);
  --color-rose-input-bg-disabled: var(--color-input-bg-disabled);
  --color-rose-input-bg-focus: var(--color-input-bg-focus);
  --color-rose-input-bg-hover: var(--color-input-bg-hover);
  --color-rose-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-rose-input-bg-user-light: var(--color-input-bg-user-light);
  --color-rose-input-fg-danger: var(--color-feedback-danger-fg);
  --color-rose-input-fg-disabled: var(--color-layout-text-disabled);
  --color-rose-input-fg-helper: var(--color-input-fg-helper);
  --color-rose-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-rose-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-rose-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-rose-input-fg-icon-focus: var(--color-rose-text);
  --color-rose-input-fg-info: var(--color-feedback-info-fg);
  --color-rose-input-fg-label: var(--color-layout-text-title);
  --color-rose-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-rose-input-fg-required: var(--color-input-fg-required);
  --color-rose-input-fg-success: var(--color-feedback-success-fg);
  --color-rose-input-fg-value: var(--color-layout-text-title);
  --color-rose-input-fg-warning: var(--color-feedback-warning-fg);
  --color-rose-input-glow-danger: var(--color-input-glow-danger);
  --color-rose-input-glow-info: var(--color-input-glow-info);
  --color-rose-input-glow-success: var(--color-input-glow-success);
  --color-rose-input-glow-warning: var(--color-input-glow-warning);
  --color-rose-input-stroke-danger: var(--color-input-stroke-danger);
  --color-rose-input-stroke-default: var(--color-input-stroke-default);
  --color-rose-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-rose-input-stroke-focus: var(--color-rose-text);
  --color-rose-input-stroke-hover: var(--color-input-stroke-hover);
  --color-rose-input-stroke-info: var(--color-input-stroke-info);
  --color-rose-input-stroke-success: var(--color-input-stroke-success);
  --color-rose-input-stroke-warning: var(--color-input-stroke-warning);
  --color-rose-relief-raised-medium: var(--color-relief-raised-medium);
  --color-rose-relief-raised-strong: var(--color-relief-raised-strong);
  --color-rose-relief-raised-weak: var(--color-relief-raised-weak);
  --color-rose-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-rose-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-rose-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-rose-text-body: var(--color-layout-text-body);
  --color-rose-text-caption: var(--color-layout-text-caption);
  --color-rose-text-caption-light: var(--color-layout-text-caption-light);
  --color-rose-text-disabled: var(--color-layout-text-disabled);
  --color-rose-text-selected: var(--color-rose-text-pressed);
  --color-rose-text-title: var(--color-layout-text-title);
  --color-selection-bg-selected: var(--color-brand-accessible-solid-default);
  --color-selection-bg-selected-hover: var(--color-brand-accessible-solid-hover);
  --color-sky-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-sky-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-sky-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-sky-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-sky-bg-gray-page: var(--color-elevation-gray-page);
  --color-sky-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-sky-feedback-danger-border: var(--color-feedback-danger-border);
  --color-sky-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-sky-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-sky-feedback-info-bg: var(--color-feedback-info-bg);
  --color-sky-feedback-info-border: var(--color-feedback-info-border);
  --color-sky-feedback-info-fg: var(--color-feedback-info-fg);
  --color-sky-feedback-info-fill: var(--color-feedback-info-solid);
  --color-sky-feedback-success-bg: var(--color-feedback-success-bg);
  --color-sky-feedback-success-border: var(--color-feedback-success-border);
  --color-sky-feedback-success-fg: var(--color-feedback-success-fg);
  --color-sky-feedback-success-fill: var(--color-feedback-success-solid);
  --color-sky-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-sky-feedback-warning-border: var(--color-feedback-warning-border);
  --color-sky-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-sky-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-sky-input-bg-default: var(--color-input-bg-default);
  --color-sky-input-bg-disabled: var(--color-input-bg-disabled);
  --color-sky-input-bg-focus: var(--color-input-bg-focus);
  --color-sky-input-bg-hover: var(--color-input-bg-hover);
  --color-sky-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-sky-input-bg-user-light: var(--color-input-bg-user-light);
  --color-sky-input-fg-danger: var(--color-feedback-danger-fg);
  --color-sky-input-fg-disabled: var(--color-layout-text-disabled);
  --color-sky-input-fg-helper: var(--color-input-fg-helper);
  --color-sky-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-sky-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-sky-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-sky-input-fg-icon-focus: var(--color-sky-text);
  --color-sky-input-fg-info: var(--color-feedback-info-fg);
  --color-sky-input-fg-label: var(--color-layout-text-title);
  --color-sky-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-sky-input-fg-required: var(--color-input-fg-required);
  --color-sky-input-fg-success: var(--color-feedback-success-fg);
  --color-sky-input-fg-value: var(--color-layout-text-title);
  --color-sky-input-fg-warning: var(--color-feedback-warning-fg);
  --color-sky-input-glow-danger: var(--color-input-glow-danger);
  --color-sky-input-glow-info: var(--color-input-glow-info);
  --color-sky-input-glow-success: var(--color-input-glow-success);
  --color-sky-input-glow-warning: var(--color-input-glow-warning);
  --color-sky-input-stroke-danger: var(--color-input-stroke-danger);
  --color-sky-input-stroke-default: var(--color-input-stroke-default);
  --color-sky-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-sky-input-stroke-focus: var(--color-sky-text);
  --color-sky-input-stroke-hover: var(--color-input-stroke-hover);
  --color-sky-input-stroke-info: var(--color-input-stroke-info);
  --color-sky-input-stroke-success: var(--color-input-stroke-success);
  --color-sky-input-stroke-warning: var(--color-input-stroke-warning);
  --color-sky-relief-raised-medium: var(--color-relief-raised-medium);
  --color-sky-relief-raised-strong: var(--color-relief-raised-strong);
  --color-sky-relief-raised-weak: var(--color-relief-raised-weak);
  --color-sky-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-sky-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-sky-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-sky-text-body: var(--color-layout-text-body);
  --color-sky-text-caption: var(--color-layout-text-caption);
  --color-sky-text-caption-light: var(--color-layout-text-caption-light);
  --color-sky-text-disabled: var(--color-layout-text-disabled);
  --color-sky-text-selected: var(--color-sky-text-pressed);
  --color-sky-text-title: var(--color-layout-text-title);
  --color-state-brand-hover: var(--color-brand-role-subtle-hover);
  --color-state-brand-selected: var(--color-brand-a10);
  --color-state-brand-selected-hover: var(--color-brand-a15);
  --color-state-neutral-hover: var(--color-layout-bg-sunken);
  --color-state-neutral-pressed: var(--color-neutral-button-subtle-pressed);
  --color-stroke-brand: var(--color-brand-accessible-solid-default);
  --color-stroke-danger: var(--color-feedback-danger-border);
  --color-stroke-focus-ring: var(--color-brand-role-input-stroke-focus);
  --color-stroke-info: var(--color-feedback-info-border);
  --color-stroke-neutral: var(--color-layout-stroke-default);
  --color-stroke-neutral-strong: var(--color-layout-stroke-strong);
  --color-stroke-neutral-subtle: var(--color-layout-stroke-subtle);
  --color-stroke-success: var(--color-feedback-success-border);
  --color-stroke-warning: var(--color-feedback-warning-border);
  --color-surface-default: var(--color-elevation-gray-page);
  --color-surface-panel: var(--color-elevation-gray-layer-3);
  --color-surface-raised: var(--color-elevation-gray-layer-2);
  --color-surface-sunken: var(--color-layout-bg-sunken);
  --color-teal-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-teal-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-teal-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-teal-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-teal-bg-gray-page: var(--color-elevation-gray-page);
  --color-teal-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-teal-feedback-danger-border: var(--color-feedback-danger-border);
  --color-teal-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-teal-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-teal-feedback-info-bg: var(--color-feedback-info-bg);
  --color-teal-feedback-info-border: var(--color-feedback-info-border);
  --color-teal-feedback-info-fg: var(--color-feedback-info-fg);
  --color-teal-feedback-info-fill: var(--color-feedback-info-solid);
  --color-teal-feedback-success-bg: var(--color-feedback-success-bg);
  --color-teal-feedback-success-border: var(--color-feedback-success-border);
  --color-teal-feedback-success-fg: var(--color-feedback-success-fg);
  --color-teal-feedback-success-fill: var(--color-feedback-success-solid);
  --color-teal-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-teal-feedback-warning-border: var(--color-feedback-warning-border);
  --color-teal-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-teal-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-teal-input-bg-default: var(--color-input-bg-default);
  --color-teal-input-bg-disabled: var(--color-input-bg-disabled);
  --color-teal-input-bg-focus: var(--color-input-bg-focus);
  --color-teal-input-bg-hover: var(--color-input-bg-hover);
  --color-teal-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-teal-input-bg-user-light: var(--color-input-bg-user-light);
  --color-teal-input-fg-danger: var(--color-feedback-danger-fg);
  --color-teal-input-fg-disabled: var(--color-layout-text-disabled);
  --color-teal-input-fg-helper: var(--color-input-fg-helper);
  --color-teal-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-teal-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-teal-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-teal-input-fg-icon-focus: var(--color-teal-text);
  --color-teal-input-fg-info: var(--color-feedback-info-fg);
  --color-teal-input-fg-label: var(--color-layout-text-title);
  --color-teal-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-teal-input-fg-required: var(--color-input-fg-required);
  --color-teal-input-fg-success: var(--color-feedback-success-fg);
  --color-teal-input-fg-value: var(--color-layout-text-title);
  --color-teal-input-fg-warning: var(--color-feedback-warning-fg);
  --color-teal-input-glow-danger: var(--color-input-glow-danger);
  --color-teal-input-glow-info: var(--color-input-glow-info);
  --color-teal-input-glow-success: var(--color-input-glow-success);
  --color-teal-input-glow-warning: var(--color-input-glow-warning);
  --color-teal-input-stroke-danger: var(--color-input-stroke-danger);
  --color-teal-input-stroke-default: var(--color-input-stroke-default);
  --color-teal-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-teal-input-stroke-focus: var(--color-teal-text);
  --color-teal-input-stroke-hover: var(--color-input-stroke-hover);
  --color-teal-input-stroke-info: var(--color-input-stroke-info);
  --color-teal-input-stroke-success: var(--color-input-stroke-success);
  --color-teal-input-stroke-warning: var(--color-input-stroke-warning);
  --color-teal-relief-raised-medium: var(--color-relief-raised-medium);
  --color-teal-relief-raised-strong: var(--color-relief-raised-strong);
  --color-teal-relief-raised-weak: var(--color-relief-raised-weak);
  --color-teal-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-teal-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-teal-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-teal-text-body: var(--color-layout-text-body);
  --color-teal-text-caption: var(--color-layout-text-caption);
  --color-teal-text-caption-light: var(--color-layout-text-caption-light);
  --color-teal-text-disabled: var(--color-layout-text-disabled);
  --color-teal-text-selected: var(--color-teal-text-pressed);
  --color-teal-text-title: var(--color-layout-text-title);
  --color-text-brand: var(--color-brand-role-text);
  --color-text-brand-active: var(--color-brand-role-text-pressed);
  --color-text-brand-hover: var(--color-brand-role-text-hover);
  --color-text-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-text-brand-selected: var(--color-brand-role-text-pressed);
  --color-text-disabled: var(--color-gray-400);
  --color-text-gray-body: var(--color-layout-text-body);
  --color-text-gray-caption: var(--color-layout-text-caption);
  --color-text-gray-disabled: var(--color-gray-400);
  --color-text-gray-title: var(--color-layout-text-title);
  --color-text-on-accent: var(--color-layout-text-on-solid);
  --color-text-primary: var(--color-layout-text-title);
  --color-text-secondary: var(--color-layout-text-body);
  --color-text-secondary-inverse: var(--color-layout-text-on-solid-muted);
  --color-text-tertiary: var(--color-layout-text-caption);
  --color-white-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-white-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-white-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-white-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-white-bg-gray-page: var(--color-elevation-gray-page);
  --color-white-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-white-feedback-danger-border: var(--color-feedback-danger-border);
  --color-white-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-white-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-white-feedback-info-bg: var(--color-feedback-info-bg);
  --color-white-feedback-info-border: var(--color-feedback-info-border);
  --color-white-feedback-info-fg: var(--color-feedback-info-fg);
  --color-white-feedback-info-fill: var(--color-feedback-info-solid);
  --color-white-feedback-success-bg: var(--color-feedback-success-bg);
  --color-white-feedback-success-border: var(--color-feedback-success-border);
  --color-white-feedback-success-fg: var(--color-feedback-success-fg);
  --color-white-feedback-success-fill: var(--color-feedback-success-solid);
  --color-white-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-white-feedback-warning-border: var(--color-feedback-warning-border);
  --color-white-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-white-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-white-input-bg-default: var(--color-input-bg-default);
  --color-white-input-bg-disabled: var(--color-input-bg-disabled);
  --color-white-input-bg-focus: var(--color-input-bg-focus);
  --color-white-input-bg-hover: var(--color-input-bg-hover);
  --color-white-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-white-input-bg-user-light: var(--color-input-bg-user-light);
  --color-white-input-fg-danger: var(--color-feedback-danger-fg);
  --color-white-input-fg-disabled: var(--color-layout-text-disabled);
  --color-white-input-fg-helper: var(--color-input-fg-helper);
  --color-white-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-white-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-white-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-white-input-fg-icon-focus: var(--color-white-text);
  --color-white-input-fg-info: var(--color-feedback-info-fg);
  --color-white-input-fg-label: var(--color-layout-text-title);
  --color-white-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-white-input-fg-required: var(--color-input-fg-required);
  --color-white-input-fg-success: var(--color-feedback-success-fg);
  --color-white-input-fg-value: var(--color-layout-text-title);
  --color-white-input-fg-warning: var(--color-feedback-warning-fg);
  --color-white-input-glow-danger: var(--color-input-glow-danger);
  --color-white-input-glow-info: var(--color-input-glow-info);
  --color-white-input-glow-success: var(--color-input-glow-success);
  --color-white-input-glow-warning: var(--color-input-glow-warning);
  --color-white-input-stroke-danger: var(--color-input-stroke-danger);
  --color-white-input-stroke-default: var(--color-input-stroke-default);
  --color-white-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-white-input-stroke-focus: var(--color-white-text);
  --color-white-input-stroke-hover: var(--color-input-stroke-hover);
  --color-white-input-stroke-info: var(--color-input-stroke-info);
  --color-white-input-stroke-success: var(--color-input-stroke-success);
  --color-white-input-stroke-warning: var(--color-input-stroke-warning);
  --color-white-relief-raised-medium: var(--color-relief-raised-medium);
  --color-white-relief-raised-strong: var(--color-relief-raised-strong);
  --color-white-relief-raised-weak: var(--color-relief-raised-weak);
  --color-white-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-white-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-white-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-white-text-body: var(--color-layout-text-body);
  --color-white-text-caption: var(--color-layout-text-caption);
  --color-white-text-caption-light: var(--color-layout-text-caption-light);
  --color-white-text-disabled: var(--color-layout-text-disabled);
  --color-white-text-selected: var(--color-white-text-pressed);
  --color-white-text-title: var(--color-layout-text-title);
  --color-wine-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-wine-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-wine-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-wine-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-wine-bg-gray-page: var(--color-elevation-gray-page);
  --color-wine-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-wine-feedback-danger-border: var(--color-feedback-danger-border);
  --color-wine-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-wine-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-wine-feedback-info-bg: var(--color-feedback-info-bg);
  --color-wine-feedback-info-border: var(--color-feedback-info-border);
  --color-wine-feedback-info-fg: var(--color-feedback-info-fg);
  --color-wine-feedback-info-fill: var(--color-feedback-info-solid);
  --color-wine-feedback-success-bg: var(--color-feedback-success-bg);
  --color-wine-feedback-success-border: var(--color-feedback-success-border);
  --color-wine-feedback-success-fg: var(--color-feedback-success-fg);
  --color-wine-feedback-success-fill: var(--color-feedback-success-solid);
  --color-wine-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-wine-feedback-warning-border: var(--color-feedback-warning-border);
  --color-wine-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-wine-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-wine-input-bg-default: var(--color-input-bg-default);
  --color-wine-input-bg-disabled: var(--color-input-bg-disabled);
  --color-wine-input-bg-focus: var(--color-input-bg-focus);
  --color-wine-input-bg-hover: var(--color-input-bg-hover);
  --color-wine-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-wine-input-bg-user-light: var(--color-input-bg-user-light);
  --color-wine-input-fg-danger: var(--color-feedback-danger-fg);
  --color-wine-input-fg-disabled: var(--color-layout-text-disabled);
  --color-wine-input-fg-helper: var(--color-input-fg-helper);
  --color-wine-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-wine-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-wine-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-wine-input-fg-icon-focus: var(--color-wine-text);
  --color-wine-input-fg-info: var(--color-feedback-info-fg);
  --color-wine-input-fg-label: var(--color-layout-text-title);
  --color-wine-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-wine-input-fg-required: var(--color-input-fg-required);
  --color-wine-input-fg-success: var(--color-feedback-success-fg);
  --color-wine-input-fg-value: var(--color-layout-text-title);
  --color-wine-input-fg-warning: var(--color-feedback-warning-fg);
  --color-wine-input-glow-danger: var(--color-input-glow-danger);
  --color-wine-input-glow-info: var(--color-input-glow-info);
  --color-wine-input-glow-success: var(--color-input-glow-success);
  --color-wine-input-glow-warning: var(--color-input-glow-warning);
  --color-wine-input-stroke-danger: var(--color-input-stroke-danger);
  --color-wine-input-stroke-default: var(--color-input-stroke-default);
  --color-wine-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-wine-input-stroke-focus: var(--color-wine-text);
  --color-wine-input-stroke-hover: var(--color-input-stroke-hover);
  --color-wine-input-stroke-info: var(--color-input-stroke-info);
  --color-wine-input-stroke-success: var(--color-input-stroke-success);
  --color-wine-input-stroke-warning: var(--color-input-stroke-warning);
  --color-wine-relief-raised-medium: var(--color-relief-raised-medium);
  --color-wine-relief-raised-strong: var(--color-relief-raised-strong);
  --color-wine-relief-raised-weak: var(--color-relief-raised-weak);
  --color-wine-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-wine-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-wine-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-wine-text-body: var(--color-layout-text-body);
  --color-wine-text-caption: var(--color-layout-text-caption);
  --color-wine-text-caption-light: var(--color-layout-text-caption-light);
  --color-wine-text-disabled: var(--color-layout-text-disabled);
  --color-wine-text-selected: var(--color-wine-text-pressed);
  --color-wine-text-title: var(--color-layout-text-title);
  --color-yellow-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-yellow-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-yellow-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-yellow-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-yellow-bg-gray-page: var(--color-elevation-gray-page);
  --color-yellow-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-yellow-feedback-danger-border: var(--color-feedback-danger-border);
  --color-yellow-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-yellow-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-yellow-feedback-info-bg: var(--color-feedback-info-bg);
  --color-yellow-feedback-info-border: var(--color-feedback-info-border);
  --color-yellow-feedback-info-fg: var(--color-feedback-info-fg);
  --color-yellow-feedback-info-fill: var(--color-feedback-info-solid);
  --color-yellow-feedback-success-bg: var(--color-feedback-success-bg);
  --color-yellow-feedback-success-border: var(--color-feedback-success-border);
  --color-yellow-feedback-success-fg: var(--color-feedback-success-fg);
  --color-yellow-feedback-success-fill: var(--color-feedback-success-solid);
  --color-yellow-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-yellow-feedback-warning-border: var(--color-feedback-warning-border);
  --color-yellow-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-yellow-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-yellow-input-bg-default: var(--color-input-bg-default);
  --color-yellow-input-bg-disabled: var(--color-input-bg-disabled);
  --color-yellow-input-bg-focus: var(--color-input-bg-focus);
  --color-yellow-input-bg-hover: var(--color-input-bg-hover);
  --color-yellow-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-yellow-input-bg-user-light: var(--color-input-bg-user-light);
  --color-yellow-input-fg-danger: var(--color-feedback-danger-fg);
  --color-yellow-input-fg-disabled: var(--color-layout-text-disabled);
  --color-yellow-input-fg-helper: var(--color-input-fg-helper);
  --color-yellow-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-yellow-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-yellow-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-yellow-input-fg-icon-focus: var(--color-yellow-text);
  --color-yellow-input-fg-info: var(--color-feedback-info-fg);
  --color-yellow-input-fg-label: var(--color-layout-text-title);
  --color-yellow-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-yellow-input-fg-required: var(--color-input-fg-required);
  --color-yellow-input-fg-success: var(--color-feedback-success-fg);
  --color-yellow-input-fg-value: var(--color-layout-text-title);
  --color-yellow-input-fg-warning: var(--color-feedback-warning-fg);
  --color-yellow-input-glow-danger: var(--color-input-glow-danger);
  --color-yellow-input-glow-info: var(--color-input-glow-info);
  --color-yellow-input-glow-success: var(--color-input-glow-success);
  --color-yellow-input-glow-warning: var(--color-input-glow-warning);
  --color-yellow-input-stroke-danger: var(--color-input-stroke-danger);
  --color-yellow-input-stroke-default: var(--color-input-stroke-default);
  --color-yellow-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-yellow-input-stroke-focus: var(--color-yellow-text);
  --color-yellow-input-stroke-hover: var(--color-input-stroke-hover);
  --color-yellow-input-stroke-info: var(--color-input-stroke-info);
  --color-yellow-input-stroke-success: var(--color-input-stroke-success);
  --color-yellow-input-stroke-warning: var(--color-input-stroke-warning);
  --color-yellow-relief-raised-medium: var(--color-relief-raised-medium);
  --color-yellow-relief-raised-strong: var(--color-relief-raised-strong);
  --color-yellow-relief-raised-weak: var(--color-relief-raised-weak);
  --color-yellow-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-yellow-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-yellow-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-yellow-text-body: var(--color-layout-text-body);
  --color-yellow-text-caption: var(--color-layout-text-caption);
  --color-yellow-text-caption-light: var(--color-layout-text-caption-light);
  --color-yellow-text-disabled: var(--color-layout-text-disabled);
  --color-yellow-text-selected: var(--color-yellow-text-pressed);
  --color-yellow-text-title: var(--color-layout-text-title);
}


[data-theme="dark"] {
  --color-amber-5: #060200;
  --color-amber-10: #0f0500;
  --color-amber-15: #160800;
  --color-amber-25: #1f0d00;
  --color-amber-50: #2d1400;
  --color-amber-75: #361a00;
  --color-amber-100: #3e1e00;
  --color-amber-125: #442100;
  --color-amber-150: #4a2400;
  --color-amber-200: #552b00;
  --color-amber-250: #623300;
  --color-amber-300: #723d00;
  --color-amber-350: #844906;
  --color-amber-400: #985816;
  --color-amber-450: #b7712f;
  --color-amber-500: #cf8543;
  --color-amber-550: #d58c4c;
  --color-amber-600: #d99256;
  --color-amber-650: #de9b63;
  --color-amber-700: #e3a673;
  --color-amber-750: #e8b186;
  --color-amber-800: #ecbd99;
  --color-amber-850: #efc8a9;
  --color-amber-900: #f3d4bb;
  --color-amber-950: #fbe7d8;
  --color-amber-a00: rgb(207 133 67 / 0);
  --color-amber-a02: rgb(207 133 67 / 0.04);
  --color-amber-a05: rgb(207 133 67 / 0.09);
  --color-amber-a07: rgb(207 133 67 / 0.13);
  --color-amber-a10: rgb(207 133 67 / 0.18);
  --color-amber-a12: rgb(207 133 67 / 0.22);
  --color-amber-a15: rgb(207 133 67 / 0.27);
  --color-amber-a20: rgb(207 133 67 / 0.36);
  --color-amber-a25: rgb(207 133 67 / 0.45);
  --color-amber-a30: rgb(207 133 67 / 0.54);
  --color-amber-a35: rgb(207 133 67 / 0.63);
  --color-amber-a40: rgb(207 133 67 / 0.72);
  --color-amber-a45: rgb(207 133 67 / 0.81);
  --color-amber-a50: rgb(207 133 67 / 0.9);
  --color-amber-base-default: var(--color-amber-500);
  --color-amber-base-hover: var(--color-amber-600);
  --color-amber-base-pressed: var(--color-amber-700);
  --color-amber-bg-layer-2: var(--color-amber-50);
  --color-amber-bg-layer-3: var(--color-amber-125);
  --color-amber-bg-layer-4: var(--color-amber-200);
  --color-amber-bg-layer-5: var(--color-amber-300);
  --color-amber-bg-page: var(--color-amber-10);
  --color-amber-fill: var(--color-amber-400);
  --color-amber-fill-hover: var(--color-amber-300);
  --color-amber-fill-pressed: var(--color-amber-200);
  --color-amber-input-glow-focus: var(--color-amber-a35);
  --color-amber-subtle: var(--color-amber-a15);
  --color-amber-subtle-hover: var(--color-amber-a20);
  --color-amber-subtle-medium: var(--color-amber-a30);
  --color-amber-subtle-pressed: var(--color-amber-a30);
  --color-amber-subtle-regular: var(--color-amber-a20);
  --color-amber-subtle-strong: var(--color-amber-a40);
  --color-amber-subtle-weak: var(--color-amber-a10);
  --color-amber-text: var(--color-amber-600);
  --color-amber-text-hover: var(--color-amber-700);
  --color-amber-text-on-solid: var(--color-white-base);
  --color-amber-text-pressed: var(--color-amber-800);
  --color-azure-5: #000307;
  --color-azure-10: #000811;
  --color-azure-15: #000d19;
  --color-azure-25: #001423;
  --color-azure-50: #001e31;
  --color-azure-75: #00253c;
  --color-azure-100: #002a44;
  --color-azure-125: #002f4b;
  --color-azure-150: #003350;
  --color-azure-200: #003b5c;
  --color-azure-250: #00456a;
  --color-azure-300: #00517b;
  --color-azure-350: #015f8f;
  --color-azure-400: #1571a4;
  --color-azure-450: #318cc4;
  --color-azure-500: #46a1dc;
  --color-azure-550: #50a7e2;
  --color-azure-600: #5aade5;
  --color-azure-650: #68b4e9;
  --color-azure-700: #78bded;
  --color-azure-750: #8ac6f0;
  --color-azure-800: #9dcff3;
  --color-azure-850: #add6f5;
  --color-azure-900: #bedff8;
  --color-azure-950: #daeefe;
  --color-azure-a00: rgb(70 161 220 / 0);
  --color-azure-a02: rgb(70 161 220 / 0.04);
  --color-azure-a05: rgb(70 161 220 / 0.09);
  --color-azure-a07: rgb(70 161 220 / 0.13);
  --color-azure-a10: rgb(70 161 220 / 0.18);
  --color-azure-a12: rgb(70 161 220 / 0.22);
  --color-azure-a15: rgb(70 161 220 / 0.27);
  --color-azure-a20: rgb(70 161 220 / 0.36);
  --color-azure-a25: rgb(70 161 220 / 0.45);
  --color-azure-a30: rgb(70 161 220 / 0.54);
  --color-azure-a35: rgb(70 161 220 / 0.63);
  --color-azure-a40: rgb(70 161 220 / 0.72);
  --color-azure-a45: rgb(70 161 220 / 0.81);
  --color-azure-a50: rgb(70 161 220 / 0.9);
  --color-azure-base-default: var(--color-azure-500);
  --color-azure-base-hover: var(--color-azure-600);
  --color-azure-base-pressed: var(--color-azure-700);
  --color-azure-bg-layer-2: var(--color-azure-50);
  --color-azure-bg-layer-3: var(--color-azure-125);
  --color-azure-bg-layer-4: var(--color-azure-200);
  --color-azure-bg-layer-5: var(--color-azure-300);
  --color-azure-bg-page: var(--color-azure-10);
  --color-azure-fill: var(--color-azure-400);
  --color-azure-fill-hover: var(--color-azure-300);
  --color-azure-fill-pressed: var(--color-azure-200);
  --color-azure-input-glow-focus: var(--color-azure-a35);
  --color-azure-subtle: var(--color-azure-a15);
  --color-azure-subtle-hover: var(--color-azure-a20);
  --color-azure-subtle-medium: var(--color-azure-a30);
  --color-azure-subtle-pressed: var(--color-azure-a30);
  --color-azure-subtle-regular: var(--color-azure-a20);
  --color-azure-subtle-strong: var(--color-azure-a40);
  --color-azure-subtle-weak: var(--color-azure-a10);
  --color-azure-text: var(--color-azure-600);
  --color-azure-text-hover: var(--color-azure-700);
  --color-azure-text-on-solid: var(--color-white-base);
  --color-azure-text-pressed: var(--color-azure-800);
  --color-black-a00: rgb(0 0 0 / 0);
  --color-black-a02: rgb(0 0 0 / 0.02);
  --color-black-a03: rgb(0 0 0 / 0.03);
  --color-black-a05: rgb(0 0 0 / 0.05);
  --color-black-a07: rgb(0 0 0 / 0.07);
  --color-black-a10: rgb(0 0 0 / 0.1);
  --color-black-a12: rgb(0 0 0 / 0.12);
  --color-black-a15: rgb(0 0 0 / 0.15);
  --color-black-a20: rgb(0 0 0 / 0.2);
  --color-black-a25: rgb(0 0 0 / 0.25);
  --color-black-a30: rgb(0 0 0 / 0.3);
  --color-black-a35: rgb(0 0 0 / 0.35);
  --color-black-a40: rgb(0 0 0 / 0.4);
  --color-black-a45: rgb(0 0 0 / 0.45);
  --color-black-a50: rgb(0 0 0 / 0.5);
  --color-black-a70: rgb(0 0 0 / 0.7);
  --color-black-base: #000000;
  --color-black-bg-layer-2: var(--color-gray-850);
  --color-black-bg-layer-3: var(--color-gray-700);
  --color-black-bg-layer-4: var(--color-gray-550);
  --color-black-bg-layer-5: var(--color-gray-400);
  --color-black-bg-page: var(--color-gray-950);
  --color-black-fill: var(--color-gray-5);
  --color-black-fill-hover: var(--color-gray-100);
  --color-black-fill-pressed: var(--color-gray-200);
  --color-black-input-glow-focus: var(--color-white-a35);
  --color-black-subtle: var(--color-white-a15);
  --color-black-subtle-hover: var(--color-white-a20);
  --color-black-subtle-pressed: var(--color-white-a25);
  --color-black-text: var(--color-gray-5);
  --color-black-text-hover: var(--color-gray-25);
  --color-black-text-on-solid: var(--color-black-base);
  --color-black-text-pressed: var(--color-gray-50);
  --color-blue-5: #00020e;
  --color-blue-10: #00061b;
  --color-blue-15: #000a24;
  --color-blue-25: #001030;
  --color-blue-50: #001942;
  --color-blue-75: #001f4e;
  --color-blue-100: #002458;
  --color-blue-125: #002861;
  --color-blue-150: #002b68;
  --color-blue-200: #003278;
  --color-blue-250: #003b8b;
  --color-blue-300: #0046a0;
  --color-blue-350: #0055b7;
  --color-blue-400: #0066cf;
  --color-blue-450: #0d7beb;
  --color-blue-500: #1a8cff;
  --color-blue-550: #3095ff;
  --color-blue-600: #3f9dff;
  --color-blue-650: #52a8ff;
  --color-blue-700: #67b3ff;
  --color-blue-750: #7dbfff;
  --color-blue-800: #93cbff;
  --color-blue-850: #a5d6ff;
  --color-blue-900: #b9e2ff;
  --color-blue-950: #d9f6ff;
  --color-blue-a00: rgb(26 140 255 / 0);
  --color-blue-a02: rgb(26 140 255 / 0.04);
  --color-blue-a05: rgb(26 140 255 / 0.09);
  --color-blue-a07: rgb(26 140 255 / 0.13);
  --color-blue-a10: rgb(26 140 255 / 0.18);
  --color-blue-a12: rgb(26 140 255 / 0.22);
  --color-blue-a15: rgb(26 140 255 / 0.27);
  --color-blue-a20: rgb(26 140 255 / 0.36);
  --color-blue-a25: rgb(26 140 255 / 0.45);
  --color-blue-a30: rgb(26 140 255 / 0.54);
  --color-blue-a35: rgb(26 140 255 / 0.63);
  --color-blue-a40: rgb(26 140 255 / 0.72);
  --color-blue-a45: rgb(26 140 255 / 0.81);
  --color-blue-a50: rgb(26 140 255 / 0.9);
  --color-blue-base-default: var(--color-blue-500);
  --color-blue-base-hover: var(--color-blue-600);
  --color-blue-base-pressed: var(--color-blue-700);
  --color-blue-bg-layer-2: var(--color-blue-50);
  --color-blue-bg-layer-3: var(--color-blue-125);
  --color-blue-bg-layer-4: var(--color-blue-200);
  --color-blue-bg-layer-5: var(--color-blue-300);
  --color-blue-bg-page: var(--color-blue-10);
  --color-blue-fill: var(--color-blue-400);
  --color-blue-fill-hover: var(--color-blue-300);
  --color-blue-fill-pressed: var(--color-blue-200);
  --color-blue-input-glow-focus: var(--color-blue-a35);
  --color-blue-subtle: var(--color-blue-a15);
  --color-blue-subtle-hover: var(--color-blue-a20);
  --color-blue-subtle-medium: var(--color-blue-a30);
  --color-blue-subtle-pressed: var(--color-blue-a30);
  --color-blue-subtle-regular: var(--color-blue-a20);
  --color-blue-subtle-strong: var(--color-blue-a40);
  --color-blue-subtle-weak: var(--color-blue-a10);
  --color-blue-text: var(--color-blue-600);
  --color-blue-text-hover: var(--color-blue-700);
  --color-blue-text-on-solid: var(--color-white-base);
  --color-blue-text-pressed: var(--color-blue-800);
  --color-button-fill-black-fg: var(--color-black-text-on-solid);
  --color-button-outline-black-fg: var(--color-black-text);
  --color-coral-5: #070101;
  --color-coral-10: #110403;
  --color-coral-15: #180604;
  --color-coral-25: #210a07;
  --color-coral-50: #30100c;
  --color-coral-75: #3a150f;
  --color-coral-100: #421812;
  --color-coral-125: #491b15;
  --color-coral-150: #4e1e17;
  --color-coral-200: #5a231c;
  --color-coral-250: #682a22;
  --color-coral-300: #79332a;
  --color-coral-350: #8b3f34;
  --color-coral-400: #a04d41;
  --color-coral-450: #c06557;
  --color-coral-500: #d9796a;
  --color-coral-550: #df8071;
  --color-coral-600: #e38778;
  --color-coral-650: #e89183;
  --color-coral-700: #ed9c8f;
  --color-coral-750: #f0a99d;
  --color-coral-800: #f3b6ac;
  --color-coral-850: #f6c2b9;
  --color-coral-900: #f9cfc7;
  --color-coral-950: #ffe4e0;
  --color-coral-a00: rgb(217 121 106 / 0);
  --color-coral-a02: rgb(217 121 106 / 0.04);
  --color-coral-a05: rgb(217 121 106 / 0.09);
  --color-coral-a07: rgb(217 121 106 / 0.13);
  --color-coral-a10: rgb(217 121 106 / 0.18);
  --color-coral-a12: rgb(217 121 106 / 0.22);
  --color-coral-a15: rgb(217 121 106 / 0.27);
  --color-coral-a20: rgb(217 121 106 / 0.36);
  --color-coral-a25: rgb(217 121 106 / 0.45);
  --color-coral-a30: rgb(217 121 106 / 0.54);
  --color-coral-a35: rgb(217 121 106 / 0.63);
  --color-coral-a40: rgb(217 121 106 / 0.72);
  --color-coral-a45: rgb(217 121 106 / 0.81);
  --color-coral-a50: rgb(217 121 106 / 0.9);
  --color-coral-base-default: var(--color-coral-500);
  --color-coral-base-hover: var(--color-coral-600);
  --color-coral-base-pressed: var(--color-coral-700);
  --color-coral-bg-layer-2: var(--color-coral-50);
  --color-coral-bg-layer-3: var(--color-coral-125);
  --color-coral-bg-layer-4: var(--color-coral-200);
  --color-coral-bg-layer-5: var(--color-coral-300);
  --color-coral-bg-page: var(--color-coral-10);
  --color-coral-fill: var(--color-coral-400);
  --color-coral-fill-hover: var(--color-coral-300);
  --color-coral-fill-pressed: var(--color-coral-200);
  --color-coral-input-glow-focus: var(--color-coral-a35);
  --color-coral-subtle: var(--color-coral-a15);
  --color-coral-subtle-hover: var(--color-coral-a20);
  --color-coral-subtle-medium: var(--color-coral-a30);
  --color-coral-subtle-pressed: var(--color-coral-a30);
  --color-coral-subtle-regular: var(--color-coral-a20);
  --color-coral-subtle-strong: var(--color-coral-a40);
  --color-coral-subtle-weak: var(--color-coral-a10);
  --color-coral-text: var(--color-coral-600);
  --color-coral-text-hover: var(--color-coral-700);
  --color-coral-text-on-solid: var(--color-white-base);
  --color-coral-text-pressed: var(--color-coral-800);
  --color-cyan-5: #000308;
  --color-cyan-10: #000813;
  --color-cyan-15: #000d1a;
  --color-cyan-25: #001424;
  --color-cyan-50: #001e33;
  --color-cyan-75: #00253d;
  --color-cyan-100: #002b46;
  --color-cyan-125: #002f4d;
  --color-cyan-150: #003353;
  --color-cyan-200: #003b60;
  --color-cyan-250: #004670;
  --color-cyan-300: #005281;
  --color-cyan-350: #006094;
  --color-cyan-400: #0073aa;
  --color-cyan-450: #0e96d1;
  --color-cyan-500: #23b2ef;
  --color-cyan-550: #37b8f4;
  --color-cyan-600: #49bdf6;
  --color-cyan-650: #5cc4f9;
  --color-cyan-700: #70ccfc;
  --color-cyan-750: #86d4fe;
  --color-cyan-800: #9bdbff;
  --color-cyan-850: #ace2ff;
  --color-cyan-900: #bdebff;
  --color-cyan-950: #d8f9ff;
  --color-cyan-a00: rgb(35 178 239 / 0);
  --color-cyan-a02: rgb(35 178 239 / 0.04);
  --color-cyan-a05: rgb(35 178 239 / 0.09);
  --color-cyan-a07: rgb(35 178 239 / 0.13);
  --color-cyan-a10: rgb(35 178 239 / 0.18);
  --color-cyan-a12: rgb(35 178 239 / 0.22);
  --color-cyan-a15: rgb(35 178 239 / 0.27);
  --color-cyan-a20: rgb(35 178 239 / 0.36);
  --color-cyan-a25: rgb(35 178 239 / 0.45);
  --color-cyan-a30: rgb(35 178 239 / 0.54);
  --color-cyan-a35: rgb(35 178 239 / 0.63);
  --color-cyan-a40: rgb(35 178 239 / 0.72);
  --color-cyan-a45: rgb(35 178 239 / 0.81);
  --color-cyan-a50: rgb(35 178 239 / 0.9);
  --color-cyan-base-default: var(--color-cyan-500);
  --color-cyan-base-hover: var(--color-cyan-600);
  --color-cyan-base-pressed: var(--color-cyan-700);
  --color-cyan-bg-layer-2: var(--color-cyan-50);
  --color-cyan-bg-layer-3: var(--color-cyan-125);
  --color-cyan-bg-layer-4: var(--color-cyan-200);
  --color-cyan-bg-layer-5: var(--color-cyan-300);
  --color-cyan-bg-page: var(--color-cyan-10);
  --color-cyan-fill: var(--color-cyan-400);
  --color-cyan-fill-hover: var(--color-cyan-300);
  --color-cyan-fill-pressed: var(--color-cyan-200);
  --color-cyan-input-glow-focus: var(--color-cyan-a35);
  --color-cyan-subtle: var(--color-cyan-a15);
  --color-cyan-subtle-hover: var(--color-cyan-a20);
  --color-cyan-subtle-medium: var(--color-cyan-a30);
  --color-cyan-subtle-pressed: var(--color-cyan-a30);
  --color-cyan-subtle-regular: var(--color-cyan-a20);
  --color-cyan-subtle-strong: var(--color-cyan-a40);
  --color-cyan-subtle-weak: var(--color-cyan-a10);
  --color-cyan-text: var(--color-cyan-600);
  --color-cyan-text-hover: var(--color-cyan-700);
  --color-cyan-text-on-solid: var(--color-white-base);
  --color-cyan-text-pressed: var(--color-cyan-800);
  --color-elevation-dim: var(--color-black-a70);
  --color-elevation-gray-layer-2: var(--color-gray-850);
  --color-elevation-gray-layer-3: var(--color-gray-750);
  --color-elevation-gray-layer-4: var(--color-gray-700);
  --color-elevation-gray-layer-5: var(--color-gray-650);
  --color-elevation-gray-page: var(--color-gray-950);
  --color-elevation-raised: var(--color-white-a15);
  --color-elevation-shadow-1: rgb(0 0 0 / 0.05098);
  --color-elevation-shadow-2: rgb(0 0 0 / 0.078431);
  --color-elevation-shadow-3: rgb(0 0 0 / 0.109804);
  --color-elevation-shadow-4: rgb(0 0 0 / 0.141176);
  --color-elevation-shadow-5: rgb(0 0 0 / 0.188235);
  --color-elevation-sunken: var(--color-gray-a15);
  --color-elevation-system-1: var(--color-gray-900);
  --color-elevation-system-2: var(--color-gray-850);
  --color-elevation-system-3: var(--color-gray-800);
  --color-elevation-system-4: var(--color-gray-785);
  --color-elevation-system-5: var(--color-gray-775);
  --color-elevation-user-1: var(--color-gray-900);
  --color-elevation-user-2: var(--color-gray-850);
  --color-elevation-user-3: var(--color-gray-800);
  --color-elevation-user-4: var(--color-gray-785);
  --color-elevation-user-5: var(--color-gray-775);
  --color-emerald-5: #010401;
  --color-emerald-10: #010a03;
  --color-emerald-15: #021005;
  --color-emerald-25: #031708;
  --color-emerald-50: #05220d;
  --color-emerald-75: #062a11;
  --color-emerald-100: #073014;
  --color-emerald-125: #083517;
  --color-emerald-150: #093919;
  --color-emerald-200: #0c421e;
  --color-emerald-250: #114d25;
  --color-emerald-300: #185a2d;
  --color-emerald-350: #226938;
  --color-emerald-400: #307b45;
  --color-emerald-450: #47975c;
  --color-emerald-500: #5bad6f;
  --color-emerald-550: #63b376;
  --color-emerald-600: #6cb87d;
  --color-emerald-650: #78bf87;
  --color-emerald-700: #86c693;
  --color-emerald-750: #96cea1;
  --color-emerald-800: #a7d6af;
  --color-emerald-850: #b4dcbb;
  --color-emerald-900: #c4e4ca;
  --color-emerald-950: #def1e1;
  --color-emerald-a00: rgb(91 173 111 / 0);
  --color-emerald-a02: rgb(91 173 111 / 0.04);
  --color-emerald-a05: rgb(91 173 111 / 0.09);
  --color-emerald-a07: rgb(91 173 111 / 0.13);
  --color-emerald-a10: rgb(91 173 111 / 0.18);
  --color-emerald-a12: rgb(91 173 111 / 0.22);
  --color-emerald-a15: rgb(91 173 111 / 0.27);
  --color-emerald-a20: rgb(91 173 111 / 0.36);
  --color-emerald-a25: rgb(91 173 111 / 0.45);
  --color-emerald-a30: rgb(91 173 111 / 0.54);
  --color-emerald-a35: rgb(91 173 111 / 0.63);
  --color-emerald-a40: rgb(91 173 111 / 0.72);
  --color-emerald-a45: rgb(91 173 111 / 0.81);
  --color-emerald-a50: rgb(91 173 111 / 0.9);
  --color-emerald-base-default: var(--color-emerald-500);
  --color-emerald-base-hover: var(--color-emerald-600);
  --color-emerald-base-pressed: var(--color-emerald-700);
  --color-emerald-bg-layer-2: var(--color-emerald-50);
  --color-emerald-bg-layer-3: var(--color-emerald-125);
  --color-emerald-bg-layer-4: var(--color-emerald-200);
  --color-emerald-bg-layer-5: var(--color-emerald-300);
  --color-emerald-bg-page: var(--color-emerald-10);
  --color-emerald-fill: var(--color-emerald-400);
  --color-emerald-fill-hover: var(--color-emerald-300);
  --color-emerald-fill-pressed: var(--color-emerald-200);
  --color-emerald-input-glow-focus: var(--color-emerald-a35);
  --color-emerald-subtle: var(--color-emerald-a15);
  --color-emerald-subtle-hover: var(--color-emerald-a20);
  --color-emerald-subtle-medium: var(--color-emerald-a30);
  --color-emerald-subtle-pressed: var(--color-emerald-a30);
  --color-emerald-subtle-regular: var(--color-emerald-a20);
  --color-emerald-subtle-strong: var(--color-emerald-a40);
  --color-emerald-subtle-weak: var(--color-emerald-a10);
  --color-emerald-text: var(--color-emerald-600);
  --color-emerald-text-hover: var(--color-emerald-700);
  --color-emerald-text-on-solid: var(--color-white-base);
  --color-emerald-text-pressed: var(--color-emerald-800);
  --color-feedback-danger-bg: var(--color-red-50);
  --color-feedback-danger-bg-hover: var(--color-red-a15);
  --color-feedback-danger-bg-pressed: var(--color-red-a25);
  --color-feedback-danger-border: var(--color-red-700);
  --color-feedback-danger-fg: var(--color-red-700);
  --color-feedback-danger-on-solid: var(--color-white-base);
  --color-feedback-danger-solid: var(--color-red-400);
  --color-feedback-danger-solid-hover: var(--color-red-300);
  --color-feedback-danger-solid-pressed: var(--color-red-200);
  --color-feedback-info-bg: var(--color-cyan-50);
  --color-feedback-info-bg-hover: var(--color-cyan-a15);
  --color-feedback-info-bg-pressed: var(--color-cyan-a25);
  --color-feedback-info-border: var(--color-cyan-700);
  --color-feedback-info-fg: var(--color-cyan-700);
  --color-feedback-info-on-solid: var(--color-white-base);
  --color-feedback-info-solid: var(--color-cyan-400);
  --color-feedback-info-solid-hover: var(--color-cyan-300);
  --color-feedback-info-solid-pressed: var(--color-cyan-200);
  --color-feedback-success-bg: var(--color-green-50);
  --color-feedback-success-bg-hover: var(--color-green-100);
  --color-feedback-success-bg-pressed: var(--color-green-200);
  --color-feedback-success-border: var(--color-green-700);
  --color-feedback-success-fg: var(--color-green-700);
  --color-feedback-success-on-solid: var(--color-white-base);
  --color-feedback-success-solid: var(--color-green-400);
  --color-feedback-success-solid-hover: var(--color-green-300);
  --color-feedback-success-solid-pressed: var(--color-green-200);
  --color-feedback-warning-bg: var(--color-orange-50);
  --color-feedback-warning-bg-hover: var(--color-orange-a15);
  --color-feedback-warning-bg-pressed: var(--color-orange-a25);
  --color-feedback-warning-border: var(--color-orange-700);
  --color-feedback-warning-fg: var(--color-orange-700);
  --color-feedback-warning-on-solid: var(--color-white-base);
  --color-feedback-warning-solid: var(--color-orange-400);
  --color-feedback-warning-solid-hover: var(--color-orange-300);
  --color-feedback-warning-solid-pressed: var(--color-orange-200);
  --color-glass-contrast-highlight: rgb(255 255 255 / 0.501961);
  --color-glass-contrast-shadow: rgb(0 0 0 / 0.45098);
  --color-glass-contrast-stroke: rgb(255 255 255 / 0.301961);
  --color-glass-contrast-stroke-highlight: rgb(255 255 255 / 0.501961);
  --color-glass-contrast-stroke-shadow: rgb(0 0 0 / 0.2);
  --color-glass-contrast-surface: rgb(255 255 255 / 0.141176);
  --color-glass-default-edge-bottom: var(--color-white-a25);
  --color-glass-default-edge-top: var(--color-white-a40);
  --color-glass-default-highlight: var(--color-white-a15);
  --color-glass-default-shadow: var(--color-black-a25);
  --color-glass-default-surface: var(--color-white-a15);
  --color-glass-elevation-shadow-1: rgb(0 0 0 / 0.05098);
  --color-glass-elevation-shadow-2: rgb(0 0 0 / 0.078431);
  --color-glass-elevation-shadow-3: rgb(0 0 0 / 0.109804);
  --color-glass-elevation-shadow-4: rgb(0 0 0 / 0.141176);
  --color-glass-elevation-shadow-5: rgb(0 0 0 / 0.188235);
  --color-glass-middle-highlight: rgb(255 255 255 / 0.6);
  --color-glass-middle-shadow: rgb(0 0 0 / 0.25098);
  --color-glass-middle-stroke: rgb(255 255 255 / 0.34902);
  --color-glass-middle-stroke-highlight: rgb(255 255 255 / 0.8);
  --color-glass-middle-stroke-shadow: rgb(0 0 0 / 0.2);
  --color-glass-middle-surface: var(--color-white-a30);
  --color-glass-soft-highlight: rgb(255 255 255 / 0.4);
  --color-glass-soft-shadow: rgb(0 0 0 / 0.25098);
  --color-glass-soft-stroke: rgb(255 255 255 / 0.25098);
  --color-glass-soft-stroke-highlight: rgb(255 255 255 / 0.6);
  --color-glass-soft-stroke-shadow: rgb(0 0 0 / 0.2);
  --color-glass-soft-surface: rgb(255 255 255 / 0.2);
  --color-glass-solid-highlight: var(--color-white-a40);
  --color-glass-solid-shadow: rgb(0 0 0 / 0.321569);
  --color-glass-solid-stroke: rgb(16 24 40 / 0.239216);
  --color-glass-solid-stroke-highlight: rgb(255 255 255 / 0.8);
  --color-glass-solid-stroke-shadow: rgb(0 0 0 / 0.25098);
  --color-glass-solid-surface: rgb(255 255 255 / 0.6);
  --color-glass-strong-highlight: rgb(255 255 255 / 0.6);
  --color-glass-strong-shadow: rgb(0 0 0 / 0.2);
  --color-glass-strong-stroke: rgb(255 255 255 / 0.701961);
  --color-glass-strong-stroke-highlight: rgb(255 255 255 / 0.933333);
  --color-glass-strong-stroke-shadow: rgb(0 0 0 / 0.14902);
  --color-glass-strong-surface: var(--color-white-a50);
  --color-green-5: #000400;
  --color-green-10: #000b00;
  --color-green-15: #001000;
  --color-green-25: #001800;
  --color-green-50: #002300;
  --color-green-75: #002b00;
  --color-green-100: #003100;
  --color-green-125: #003600;
  --color-green-150: #003b00;
  --color-green-200: #004400;
  --color-green-250: #005000;
  --color-green-300: #005d00;
  --color-green-350: #006d0c;
  --color-green-400: #00801b;
  --color-green-450: #239630;
  --color-green-500: #38a841;
  --color-green-550: #45b04c;
  --color-green-600: #53b658;
  --color-green-650: #64be67;
  --color-green-700: #77c778;
  --color-green-750: #8bd08b;
  --color-green-800: #9fda9e;
  --color-green-850: #afe2ae;
  --color-green-900: #c1ecc0;
  --color-green-950: #dffdde;
  --color-green-a00: rgb(56 168 65 / 0);
  --color-green-a02: rgb(56 168 65 / 0.04);
  --color-green-a05: rgb(56 168 65 / 0.09);
  --color-green-a07: rgb(56 168 65 / 0.13);
  --color-green-a10: rgb(56 168 65 / 0.18);
  --color-green-a12: rgb(56 168 65 / 0.22);
  --color-green-a15: rgb(56 168 65 / 0.27);
  --color-green-a20: rgb(56 168 65 / 0.36);
  --color-green-a25: rgb(56 168 65 / 0.45);
  --color-green-a30: rgb(56 168 65 / 0.54);
  --color-green-a35: rgb(56 168 65 / 0.63);
  --color-green-a40: rgb(56 168 65 / 0.72);
  --color-green-a45: rgb(56 168 65 / 0.81);
  --color-green-a50: rgb(56 168 65 / 0.9);
  --color-green-base-default: var(--color-green-500);
  --color-green-base-hover: var(--color-green-600);
  --color-green-base-pressed: var(--color-green-700);
  --color-green-bg-layer-2: var(--color-green-50);
  --color-green-bg-layer-3: var(--color-green-125);
  --color-green-bg-layer-4: var(--color-green-200);
  --color-green-bg-layer-5: var(--color-green-300);
  --color-green-bg-page: var(--color-green-10);
  --color-green-fill: var(--color-green-400);
  --color-green-fill-hover: var(--color-green-300);
  --color-green-fill-pressed: var(--color-green-200);
  --color-green-input-glow-focus: var(--color-green-a35);
  --color-green-subtle: var(--color-green-a15);
  --color-green-subtle-hover: var(--color-green-a20);
  --color-green-subtle-medium: var(--color-green-a30);
  --color-green-subtle-pressed: var(--color-green-a30);
  --color-green-subtle-regular: var(--color-green-a20);
  --color-green-subtle-strong: var(--color-green-a40);
  --color-green-subtle-weak: var(--color-green-a10);
  --color-green-text: var(--color-green-600);
  --color-green-text-hover: var(--color-green-700);
  --color-green-text-on-solid: var(--color-white-base);
  --color-green-text-pressed: var(--color-green-800);
  --color-indigo-5: #020308;
  --color-indigo-10: #040713;
  --color-indigo-15: #070b1a;
  --color-indigo-25: #0b1124;
  --color-indigo-50: #121934;
  --color-indigo-75: #17203f;
  --color-indigo-100: #1b2448;
  --color-indigo-125: #1e284f;
  --color-indigo-150: #212c55;
  --color-indigo-200: #263361;
  --color-indigo-250: #2e3d71;
  --color-indigo-300: #374882;
  --color-indigo-350: #425595;
  --color-indigo-400: #5165ab;
  --color-indigo-450: #687fcb;
  --color-indigo-500: #7b94e4;
  --color-indigo-550: #829bea;
  --color-indigo-600: #88a0ec;
  --color-indigo-650: #91a9f1;
  --color-indigo-700: #9cb2f4;
  --color-indigo-750: #a8bcf6;
  --color-indigo-800: #b5c6f8;
  --color-indigo-850: #c0cffa;
  --color-indigo-900: #cddafc;
  --color-indigo-950: #e4ebff;
  --color-indigo-a00: rgb(123 148 228 / 0);
  --color-indigo-a02: rgb(123 148 228 / 0.04);
  --color-indigo-a05: rgb(123 148 228 / 0.09);
  --color-indigo-a07: rgb(123 148 228 / 0.13);
  --color-indigo-a10: rgb(123 148 228 / 0.18);
  --color-indigo-a12: rgb(123 148 228 / 0.22);
  --color-indigo-a15: rgb(123 148 228 / 0.27);
  --color-indigo-a20: rgb(123 148 228 / 0.36);
  --color-indigo-a25: rgb(123 148 228 / 0.45);
  --color-indigo-a30: rgb(123 148 228 / 0.54);
  --color-indigo-a35: rgb(123 148 228 / 0.63);
  --color-indigo-a40: rgb(123 148 228 / 0.72);
  --color-indigo-a45: rgb(123 148 228 / 0.81);
  --color-indigo-a50: rgb(123 148 228 / 0.9);
  --color-indigo-base-default: var(--color-indigo-500);
  --color-indigo-base-hover: var(--color-indigo-600);
  --color-indigo-base-pressed: var(--color-indigo-700);
  --color-indigo-bg-layer-2: var(--color-indigo-50);
  --color-indigo-bg-layer-3: var(--color-indigo-125);
  --color-indigo-bg-layer-4: var(--color-indigo-200);
  --color-indigo-bg-layer-5: var(--color-indigo-300);
  --color-indigo-bg-page: var(--color-indigo-10);
  --color-indigo-fill: var(--color-indigo-400);
  --color-indigo-fill-hover: var(--color-indigo-300);
  --color-indigo-fill-pressed: var(--color-indigo-200);
  --color-indigo-input-glow-focus: var(--color-indigo-a35);
  --color-indigo-subtle: var(--color-indigo-a15);
  --color-indigo-subtle-hover: var(--color-indigo-a20);
  --color-indigo-subtle-medium: var(--color-indigo-a30);
  --color-indigo-subtle-pressed: var(--color-indigo-a30);
  --color-indigo-subtle-regular: var(--color-indigo-a20);
  --color-indigo-subtle-strong: var(--color-indigo-a40);
  --color-indigo-subtle-weak: var(--color-indigo-a10);
  --color-indigo-text: var(--color-indigo-600);
  --color-indigo-text-hover: var(--color-indigo-700);
  --color-indigo-text-on-solid: var(--color-white-base);
  --color-indigo-text-pressed: var(--color-indigo-800);
  --color-input-bg-default: var(--color-gray-850);
  --color-input-bg-disabled: var(--color-gray-850);
  --color-input-bg-focus: var(--color-gray-800);
  --color-input-bg-hover: var(--color-gray-800);
  --color-input-bg-user-dark: var(--color-gray-a30);
  --color-input-bg-user-light: var(--color-white-a95);
  --color-input-fg-helper: var(--color-gray-500);
  --color-input-fg-icon-action: var(--color-gray-200);
  --color-input-fg-icon-default: var(--color-gray-500);
  --color-input-fg-placeholder: var(--color-gray-300);
  --color-input-fg-required: var(--color-red-500);
  --color-input-glow-danger: var(--color-red-a35);
  --color-input-glow-info: var(--color-cyan-a35);
  --color-input-glow-success: var(--color-green-a35);
  --color-input-glow-warning: var(--color-orange-a35);
  --color-input-select-option-bg-hover: var(--color-brand-role-subtle-hover);
  --color-input-select-option-panel-inner-highlight: var(--color-white-a35);
  --color-input-select-option-panel-stroke: var(--color-white-a10);
  --color-input-stroke-danger: var(--color-red-600);
  --color-input-stroke-default: var(--color-gray-500);
  --color-input-stroke-hover: var(--color-gray-500);
  --color-input-stroke-info: var(--color-cyan-700);
  --color-input-stroke-success: var(--color-green-600);
  --color-input-stroke-warning: var(--color-orange-600);
  --color-lavender-5: #030207;
  --color-lavender-10: #090511;
  --color-lavender-15: #0e0818;
  --color-lavender-25: #150c22;
  --color-lavender-50: #1f1430;
  --color-lavender-75: #26193a;
  --color-lavender-100: #2c1d42;
  --color-lavender-125: #302048;
  --color-lavender-150: #34234e;
  --color-lavender-200: #3c295a;
  --color-lavender-250: #473069;
  --color-lavender-300: #533a7a;
  --color-lavender-350: #62468c;
  --color-lavender-400: #7457a2;
  --color-lavender-450: #9578c8;
  --color-lavender-500: #af91e4;
  --color-lavender-550: #b497e8;
  --color-lavender-600: #b89de8;
  --color-lavender-650: #bea6eb;
  --color-lavender-700: #c5b0ee;
  --color-lavender-750: #cdbbf1;
  --color-lavender-800: #d5c7f4;
  --color-lavender-850: #dcd0f6;
  --color-lavender-900: #e5dbf9;
  --color-lavender-950: #f3edfe;
  --color-lavender-a00: rgb(175 145 228 / 0);
  --color-lavender-a02: rgb(175 145 228 / 0.04);
  --color-lavender-a05: rgb(175 145 228 / 0.09);
  --color-lavender-a07: rgb(175 145 228 / 0.13);
  --color-lavender-a10: rgb(175 145 228 / 0.18);
  --color-lavender-a12: rgb(175 145 228 / 0.22);
  --color-lavender-a15: rgb(175 145 228 / 0.27);
  --color-lavender-a20: rgb(175 145 228 / 0.36);
  --color-lavender-a25: rgb(175 145 228 / 0.45);
  --color-lavender-a30: rgb(175 145 228 / 0.54);
  --color-lavender-a35: rgb(175 145 228 / 0.63);
  --color-lavender-a40: rgb(175 145 228 / 0.72);
  --color-lavender-a45: rgb(175 145 228 / 0.81);
  --color-lavender-a50: rgb(175 145 228 / 0.9);
  --color-lavender-base-default: var(--color-lavender-500);
  --color-lavender-base-hover: var(--color-lavender-600);
  --color-lavender-base-pressed: var(--color-lavender-700);
  --color-lavender-bg-layer-2: var(--color-lavender-50);
  --color-lavender-bg-layer-3: var(--color-lavender-125);
  --color-lavender-bg-layer-4: var(--color-lavender-200);
  --color-lavender-bg-layer-5: var(--color-lavender-300);
  --color-lavender-bg-page: var(--color-lavender-10);
  --color-lavender-fill: var(--color-lavender-400);
  --color-lavender-fill-hover: var(--color-lavender-300);
  --color-lavender-fill-pressed: var(--color-lavender-200);
  --color-lavender-input-glow-focus: var(--color-lavender-a35);
  --color-lavender-subtle: var(--color-lavender-a15);
  --color-lavender-subtle-hover: var(--color-lavender-a20);
  --color-lavender-subtle-medium: var(--color-lavender-a30);
  --color-lavender-subtle-pressed: var(--color-lavender-a30);
  --color-lavender-subtle-regular: var(--color-lavender-a20);
  --color-lavender-subtle-strong: var(--color-lavender-a40);
  --color-lavender-subtle-weak: var(--color-lavender-a10);
  --color-lavender-text: var(--color-lavender-600);
  --color-lavender-text-hover: var(--color-lavender-700);
  --color-lavender-text-on-solid: var(--color-white-base);
  --color-lavender-text-pressed: var(--color-lavender-800);
  --color-layout-admin-bg-canvas: var(--color-gray-950);
  --color-layout-admin-bg-content: var(--color-gray-850);
  --color-layout-admin-bg-navigation: var(--color-gray-800);
  --color-layout-bg-sunken: var(--color-white-a07);
  --color-layout-stroke-default: var(--color-gray-600);
  --color-layout-stroke-strong: var(--color-gray-550);
  --color-layout-stroke-subtle: var(--color-gray-650);
  --color-layout-subtle-gray-default: var(--color-gray-a15);
  --color-layout-subtle-gray-hover: var(--color-gray-a20);
  --color-layout-subtle-gray-medium: var(--color-gray-a30);
  --color-layout-subtle-gray-pressed: var(--color-gray-a30);
  --color-layout-subtle-gray-regular: var(--color-gray-a20);
  --color-layout-subtle-gray-strong: var(--color-gray-a40);
  --color-layout-subtle-gray-weak: var(--color-gray-a10);
  --color-layout-table-bg-gray: var(--color-gray-a10);
  --color-layout-table-header-bg-gray: var(--color-gray-a10);
  --color-layout-text-always-black: var(--color-gray-950);
  --color-layout-text-always-white: var(--color-gray-50);
  --color-layout-text-body: var(--color-gray-200);
  --color-layout-text-caption: var(--color-gray-450);
  --color-layout-text-caption-light: var(--color-gray-400);
  --color-layout-text-disabled: var(--color-gray-600);
  --color-layout-text-inverse: var(--color-gray-950);
  --color-layout-text-inverse-muted: var(--color-gray-700);
  --color-layout-text-on-solid: var(--color-white-base);
  --color-layout-text-on-solid-muted: var(--color-gray-900);
  --color-layout-text-title: var(--color-gray-50);
  --color-lime-5: #020500;
  --color-lime-10: #050d00;
  --color-lime-15: #081400;
  --color-lime-25: #0d1c00;
  --color-lime-50: #162900;
  --color-lime-75: #1c3100;
  --color-lime-100: #213800;
  --color-lime-125: #253e00;
  --color-lime-150: #284300;
  --color-lime-200: #2f4d00;
  --color-lime-250: #385a00;
  --color-lime-300: #436a00;
  --color-lime-350: #4f7c00;
  --color-lime-400: #5e9100;
  --color-lime-450: #79b324;
  --color-lime-500: #90cd40;
  --color-lime-550: #95d149;
  --color-lime-600: #9ad454;
  --color-lime-650: #a2d963;
  --color-lime-700: #abde74;
  --color-lime-750: #b6e288;
  --color-lime-800: #c1e79b;
  --color-lime-850: #caebab;
  --color-lime-900: #d5efbd;
  --color-lime-950: #e7f7d8;
  --color-lime-a00: rgb(144 205 64 / 0);
  --color-lime-a02: rgb(144 205 64 / 0.04);
  --color-lime-a05: rgb(144 205 64 / 0.09);
  --color-lime-a07: rgb(144 205 64 / 0.13);
  --color-lime-a10: rgb(144 205 64 / 0.18);
  --color-lime-a12: rgb(144 205 64 / 0.22);
  --color-lime-a15: rgb(144 205 64 / 0.27);
  --color-lime-a20: rgb(144 205 64 / 0.36);
  --color-lime-a25: rgb(144 205 64 / 0.45);
  --color-lime-a30: rgb(144 205 64 / 0.54);
  --color-lime-a35: rgb(144 205 64 / 0.63);
  --color-lime-a40: rgb(144 205 64 / 0.72);
  --color-lime-a45: rgb(144 205 64 / 0.81);
  --color-lime-a50: rgb(144 205 64 / 0.9);
  --color-lime-base-default: var(--color-lime-500);
  --color-lime-base-hover: var(--color-lime-600);
  --color-lime-base-pressed: var(--color-lime-700);
  --color-lime-bg-layer-2: var(--color-lime-50);
  --color-lime-bg-layer-3: var(--color-lime-125);
  --color-lime-bg-layer-4: var(--color-lime-200);
  --color-lime-bg-layer-5: var(--color-lime-300);
  --color-lime-bg-page: var(--color-lime-10);
  --color-lime-fill: var(--color-lime-500);
  --color-lime-fill-hover: var(--color-lime-550);
  --color-lime-fill-pressed: var(--color-lime-600);
  --color-lime-input-glow-focus: var(--color-lime-a35);
  --color-lime-subtle: var(--color-lime-a15);
  --color-lime-subtle-hover: var(--color-lime-a20);
  --color-lime-subtle-medium: var(--color-lime-a30);
  --color-lime-subtle-pressed: var(--color-lime-a30);
  --color-lime-subtle-regular: var(--color-lime-a20);
  --color-lime-subtle-strong: var(--color-lime-a40);
  --color-lime-subtle-weak: var(--color-lime-a10);
  --color-lime-text: var(--color-lime-600);
  --color-lime-text-hover: var(--color-lime-700);
  --color-lime-text-on-solid: var(--color-black-base);
  --color-lime-text-pressed: var(--color-lime-800);
  --color-mustard-5: #050200;
  --color-mustard-10: #0e0600;
  --color-mustard-15: #140900;
  --color-mustard-25: #1c0f00;
  --color-mustard-50: #281700;
  --color-mustard-75: #311d00;
  --color-mustard-100: #382200;
  --color-mustard-125: #3d2500;
  --color-mustard-150: #422900;
  --color-mustard-200: #4d2f00;
  --color-mustard-250: #593800;
  --color-mustard-300: #684300;
  --color-mustard-350: #785000;
  --color-mustard-400: #8d6000;
  --color-mustard-450: #b07f07;
  --color-mustard-500: #cb980e;
  --color-mustard-550: #cf9f11;
  --color-mustard-600: #d3a515;
  --color-mustard-650: #d9ad39;
  --color-mustard-700: #deb754;
  --color-mustard-750: #e4c16e;
  --color-mustard-800: #e9cc87;
  --color-mustard-850: #eed59b;
  --color-mustard-900: #f3dfaf;
  --color-mustard-950: #fbf0cf;
  --color-mustard-a00: rgb(203 152 14 / 0);
  --color-mustard-a02: rgb(203 152 14 / 0.04);
  --color-mustard-a05: rgb(203 152 14 / 0.09);
  --color-mustard-a07: rgb(203 152 14 / 0.13);
  --color-mustard-a10: rgb(203 152 14 / 0.18);
  --color-mustard-a12: rgb(203 152 14 / 0.22);
  --color-mustard-a15: rgb(203 152 14 / 0.27);
  --color-mustard-a20: rgb(203 152 14 / 0.36);
  --color-mustard-a25: rgb(203 152 14 / 0.45);
  --color-mustard-a30: rgb(203 152 14 / 0.54);
  --color-mustard-a35: rgb(203 152 14 / 0.63);
  --color-mustard-a40: rgb(203 152 14 / 0.72);
  --color-mustard-a45: rgb(203 152 14 / 0.81);
  --color-mustard-a50: rgb(203 152 14 / 0.9);
  --color-mustard-base-default: var(--color-mustard-500);
  --color-mustard-base-hover: var(--color-mustard-600);
  --color-mustard-base-pressed: var(--color-mustard-700);
  --color-mustard-bg-layer-2: var(--color-mustard-50);
  --color-mustard-bg-layer-3: var(--color-mustard-125);
  --color-mustard-bg-layer-4: var(--color-mustard-200);
  --color-mustard-bg-layer-5: var(--color-mustard-300);
  --color-mustard-bg-page: var(--color-mustard-10);
  --color-mustard-fill: var(--color-mustard-500);
  --color-mustard-fill-hover: var(--color-mustard-550);
  --color-mustard-fill-pressed: var(--color-mustard-600);
  --color-mustard-input-glow-focus: var(--color-mustard-a35);
  --color-mustard-subtle: var(--color-mustard-a15);
  --color-mustard-subtle-hover: var(--color-mustard-a20);
  --color-mustard-subtle-medium: var(--color-mustard-a30);
  --color-mustard-subtle-pressed: var(--color-mustard-a30);
  --color-mustard-subtle-regular: var(--color-mustard-a20);
  --color-mustard-subtle-strong: var(--color-mustard-a40);
  --color-mustard-subtle-weak: var(--color-mustard-a10);
  --color-mustard-text: var(--color-mustard-600);
  --color-mustard-text-hover: var(--color-mustard-700);
  --color-mustard-text-on-solid: var(--color-black-base);
  --color-mustard-text-pressed: var(--color-mustard-800);
  --color-navy-5: #010309;
  --color-navy-10: #020715;
  --color-navy-15: #030b1e;
  --color-navy-25: #04112a;
  --color-navy-50: #051a3c;
  --color-navy-75: #041f4a;
  --color-navy-100: #032456;
  --color-navy-125: #03285e;
  --color-navy-150: #042b65;
  --color-navy-200: #073373;
  --color-navy-250: #0e3d82;
  --color-navy-300: #184993;
  --color-navy-350: #2558a6;
  --color-navy-400: #3468b9;
  --color-navy-450: #477ccf;
  --color-navy-500: #568ce1;
  --color-navy-550: #5d93e9;
  --color-navy-600: #639af0;
  --color-navy-650: #6da3f8;
  --color-navy-700: #79aeff;
  --color-navy-750: #88baff;
  --color-navy-800: #96c6ff;
  --color-navy-850: #a4d1ff;
  --color-navy-900: #b5deff;
  --color-navy-950: #d4f2ff;
  --color-navy-a00: rgb(86 140 225 / 0);
  --color-navy-a02: rgb(86 140 225 / 0.04);
  --color-navy-a05: rgb(86 140 225 / 0.09);
  --color-navy-a07: rgb(86 140 225 / 0.13);
  --color-navy-a10: rgb(86 140 225 / 0.18);
  --color-navy-a12: rgb(86 140 225 / 0.22);
  --color-navy-a15: rgb(86 140 225 / 0.27);
  --color-navy-a20: rgb(86 140 225 / 0.36);
  --color-navy-a25: rgb(86 140 225 / 0.45);
  --color-navy-a30: rgb(86 140 225 / 0.54);
  --color-navy-a35: rgb(86 140 225 / 0.63);
  --color-navy-a40: rgb(86 140 225 / 0.72);
  --color-navy-a45: rgb(86 140 225 / 0.81);
  --color-navy-a50: rgb(86 140 225 / 0.9);
  --color-navy-base-default: var(--color-navy-500);
  --color-navy-base-hover: var(--color-navy-600);
  --color-navy-base-pressed: var(--color-navy-700);
  --color-navy-bg-layer-2: var(--color-navy-50);
  --color-navy-bg-layer-3: var(--color-navy-125);
  --color-navy-bg-layer-4: var(--color-navy-200);
  --color-navy-bg-layer-5: var(--color-navy-300);
  --color-navy-bg-page: var(--color-navy-10);
  --color-navy-fill: var(--color-navy-400);
  --color-navy-fill-hover: var(--color-navy-300);
  --color-navy-fill-pressed: var(--color-navy-200);
  --color-navy-input-glow-focus: var(--color-navy-a35);
  --color-navy-subtle: var(--color-navy-a15);
  --color-navy-subtle-hover: var(--color-navy-a20);
  --color-navy-subtle-medium: var(--color-navy-a30);
  --color-navy-subtle-pressed: var(--color-navy-a30);
  --color-navy-subtle-regular: var(--color-navy-a20);
  --color-navy-subtle-strong: var(--color-navy-a40);
  --color-navy-subtle-weak: var(--color-navy-a10);
  --color-navy-text: var(--color-navy-600);
  --color-navy-text-hover: var(--color-navy-700);
  --color-navy-text-on-solid: var(--color-white-base);
  --color-navy-text-pressed: var(--color-navy-800);
  --color-neutral-button-fill: var(--color-gray-300);
  --color-neutral-button-fill-fg: var(--color-black-base);
  --color-neutral-button-fill-hover: var(--color-gray-400);
  --color-neutral-button-fill-pressed: var(--color-gray-500);
  --color-neutral-button-stroke: var(--color-gray-300);
  --color-neutral-button-subtle: var(--color-gray-a15);
  --color-neutral-button-subtle-hover: rgb(146 146 146 / 0.368627);
  --color-neutral-button-subtle-pressed: rgb(146 146 146 / 0.45098);
  --color-neutral-button-text: var(--color-gray-200);
  --color-olive-5: #020300;
  --color-olive-10: #060900;
  --color-olive-15: #0a0e01;
  --color-olive-25: #101401;
  --color-olive-50: #191f01;
  --color-olive-75: #1e2600;
  --color-olive-100: #232b00;
  --color-olive-125: #273000;
  --color-olive-150: #2b3400;
  --color-olive-200: #323c00;
  --color-olive-250: #3b4700;
  --color-olive-300: #465300;
  --color-olive-350: #52610a;
  --color-olive-400: #62731a;
  --color-olive-450: #7b8e32;
  --color-olive-500: #8fa346;
  --color-olive-550: #95a94f;
  --color-olive-600: #9bae58;
  --color-olive-650: #a3b666;
  --color-olive-700: #acbe76;
  --color-olive-750: #b7c788;
  --color-olive-800: #c1cf9a;
  --color-olive-850: #cbd7aa;
  --color-olive-900: #d6e0bc;
  --color-olive-950: #e8eed9;
  --color-olive-a00: rgb(143 163 70 / 0);
  --color-olive-a02: rgb(143 163 70 / 0.04);
  --color-olive-a05: rgb(143 163 70 / 0.09);
  --color-olive-a07: rgb(143 163 70 / 0.13);
  --color-olive-a10: rgb(143 163 70 / 0.18);
  --color-olive-a12: rgb(143 163 70 / 0.22);
  --color-olive-a15: rgb(143 163 70 / 0.27);
  --color-olive-a20: rgb(143 163 70 / 0.36);
  --color-olive-a25: rgb(143 163 70 / 0.45);
  --color-olive-a30: rgb(143 163 70 / 0.54);
  --color-olive-a35: rgb(143 163 70 / 0.63);
  --color-olive-a40: rgb(143 163 70 / 0.72);
  --color-olive-a45: rgb(143 163 70 / 0.81);
  --color-olive-a50: rgb(143 163 70 / 0.9);
  --color-olive-base-default: var(--color-olive-500);
  --color-olive-base-hover: var(--color-olive-600);
  --color-olive-base-pressed: var(--color-olive-700);
  --color-olive-bg-layer-2: var(--color-olive-50);
  --color-olive-bg-layer-3: var(--color-olive-125);
  --color-olive-bg-layer-4: var(--color-olive-200);
  --color-olive-bg-layer-5: var(--color-olive-300);
  --color-olive-bg-page: var(--color-olive-10);
  --color-olive-fill: var(--color-olive-400);
  --color-olive-fill-hover: var(--color-olive-300);
  --color-olive-fill-pressed: var(--color-olive-200);
  --color-olive-input-glow-focus: var(--color-olive-a35);
  --color-olive-subtle: var(--color-olive-a15);
  --color-olive-subtle-hover: var(--color-olive-a20);
  --color-olive-subtle-medium: var(--color-olive-a30);
  --color-olive-subtle-pressed: var(--color-olive-a30);
  --color-olive-subtle-regular: var(--color-olive-a20);
  --color-olive-subtle-strong: var(--color-olive-a40);
  --color-olive-subtle-weak: var(--color-olive-a10);
  --color-olive-text: var(--color-olive-600);
  --color-olive-text-hover: var(--color-olive-700);
  --color-olive-text-on-solid: var(--color-white-base);
  --color-olive-text-pressed: var(--color-olive-800);
  --color-orange-5: #080100;
  --color-orange-10: #120300;
  --color-orange-15: #190500;
  --color-orange-25: #230800;
  --color-orange-50: #320e00;
  --color-orange-75: #3c1200;
  --color-orange-100: #451600;
  --color-orange-125: #4c1800;
  --color-orange-150: #521a00;
  --color-orange-200: #5e1f00;
  --color-orange-250: #6d2500;
  --color-orange-300: #7f2e00;
  --color-orange-350: #923a01;
  --color-orange-400: #a84a00;
  --color-orange-450: #d16b00;
  --color-orange-500: #ef8700;
  --color-orange-550: #f48f15;
  --color-orange-600: #f79628;
  --color-orange-650: #fb9f42;
  --color-orange-700: #feaa5b;
  --color-orange-750: #ffb674;
  --color-orange-800: #ffc38b;
  --color-orange-850: #ffcd9d;
  --color-orange-900: #ffd9b1;
  --color-orange-950: #ffedd0;
  --color-orange-a00: rgb(239 135 0 / 0);
  --color-orange-a02: rgb(239 135 0 / 0.04);
  --color-orange-a05: rgb(239 135 0 / 0.09);
  --color-orange-a07: rgb(239 135 0 / 0.13);
  --color-orange-a10: rgb(239 135 0 / 0.18);
  --color-orange-a12: rgb(239 135 0 / 0.22);
  --color-orange-a15: rgb(239 135 0 / 0.27);
  --color-orange-a20: rgb(239 135 0 / 0.36);
  --color-orange-a25: rgb(239 135 0 / 0.45);
  --color-orange-a30: rgb(239 135 0 / 0.54);
  --color-orange-a35: rgb(239 135 0 / 0.63);
  --color-orange-a40: rgb(239 135 0 / 0.72);
  --color-orange-a45: rgb(239 135 0 / 0.81);
  --color-orange-a50: rgb(239 135 0 / 0.9);
  --color-orange-base-default: var(--color-orange-500);
  --color-orange-base-hover: var(--color-orange-600);
  --color-orange-base-pressed: var(--color-orange-700);
  --color-orange-bg-layer-2: var(--color-orange-50);
  --color-orange-bg-layer-3: var(--color-orange-125);
  --color-orange-bg-layer-4: var(--color-orange-200);
  --color-orange-bg-layer-5: var(--color-orange-300);
  --color-orange-bg-page: var(--color-orange-10);
  --color-orange-fill: var(--color-orange-500);
  --color-orange-fill-hover: var(--color-orange-550);
  --color-orange-fill-pressed: var(--color-orange-600);
  --color-orange-input-glow-focus: var(--color-orange-a35);
  --color-orange-subtle: var(--color-orange-a15);
  --color-orange-subtle-hover: var(--color-orange-a20);
  --color-orange-subtle-medium: var(--color-orange-a30);
  --color-orange-subtle-pressed: var(--color-orange-a30);
  --color-orange-subtle-regular: var(--color-orange-a20);
  --color-orange-subtle-strong: var(--color-orange-a40);
  --color-orange-subtle-weak: var(--color-orange-a10);
  --color-orange-text: var(--color-orange-600);
  --color-orange-text-hover: var(--color-orange-700);
  --color-orange-text-on-solid: var(--color-black-base);
  --color-orange-text-pressed: var(--color-orange-800);
  --color-plum-5: #050205;
  --color-plum-10: #0d040d;
  --color-plum-15: #140613;
  --color-plum-25: #1c0a1b;
  --color-plum-50: #291127;
  --color-plum-75: #31162f;
  --color-plum-100: #391937;
  --color-plum-125: #3e1c3c;
  --color-plum-150: #431f41;
  --color-plum-200: #4e254b;
  --color-plum-250: #5a2c57;
  --color-plum-300: #693665;
  --color-plum-350: #7a4176;
  --color-plum-400: #8d4f88;
  --color-plum-450: #ab67a5;
  --color-plum-500: #c27bbc;
  --color-plum-550: #c882c2;
  --color-plum-600: #cc89c6;
  --color-plum-650: #d292cc;
  --color-plum-700: #d89dd3;
  --color-plum-750: #deaad9;
  --color-plum-800: #e3b7df;
  --color-plum-850: #e8c2e4;
  --color-plum-900: #eecfea;
  --color-plum-950: #f7e4f5;
  --color-plum-a00: rgb(194 123 188 / 0);
  --color-plum-a02: rgb(194 123 188 / 0.04);
  --color-plum-a05: rgb(194 123 188 / 0.09);
  --color-plum-a07: rgb(194 123 188 / 0.13);
  --color-plum-a10: rgb(194 123 188 / 0.18);
  --color-plum-a12: rgb(194 123 188 / 0.22);
  --color-plum-a15: rgb(194 123 188 / 0.27);
  --color-plum-a20: rgb(194 123 188 / 0.36);
  --color-plum-a25: rgb(194 123 188 / 0.45);
  --color-plum-a30: rgb(194 123 188 / 0.54);
  --color-plum-a35: rgb(194 123 188 / 0.63);
  --color-plum-a40: rgb(194 123 188 / 0.72);
  --color-plum-a45: rgb(194 123 188 / 0.81);
  --color-plum-a50: rgb(194 123 188 / 0.9);
  --color-plum-base-default: var(--color-plum-500);
  --color-plum-base-hover: var(--color-plum-600);
  --color-plum-base-pressed: var(--color-plum-700);
  --color-plum-bg-layer-2: var(--color-plum-50);
  --color-plum-bg-layer-3: var(--color-plum-125);
  --color-plum-bg-layer-4: var(--color-plum-200);
  --color-plum-bg-layer-5: var(--color-plum-300);
  --color-plum-bg-page: var(--color-plum-10);
  --color-plum-fill: var(--color-plum-400);
  --color-plum-fill-hover: var(--color-plum-300);
  --color-plum-fill-pressed: var(--color-plum-200);
  --color-plum-input-glow-focus: var(--color-plum-a35);
  --color-plum-subtle: var(--color-plum-a15);
  --color-plum-subtle-hover: var(--color-plum-a20);
  --color-plum-subtle-medium: var(--color-plum-a30);
  --color-plum-subtle-pressed: var(--color-plum-a30);
  --color-plum-subtle-regular: var(--color-plum-a20);
  --color-plum-subtle-strong: var(--color-plum-a40);
  --color-plum-subtle-weak: var(--color-plum-a10);
  --color-plum-text: var(--color-plum-600);
  --color-plum-text-hover: var(--color-plum-700);
  --color-plum-text-on-solid: var(--color-white-base);
  --color-plum-text-pressed: var(--color-plum-800);
  --color-purple-5: #050109;
  --color-purple-10: #0e0215;
  --color-purple-15: #14031d;
  --color-purple-25: #1d0528;
  --color-purple-50: #290939;
  --color-purple-75: #320b44;
  --color-purple-100: #3a0d4e;
  --color-purple-125: #400e56;
  --color-purple-150: #45105c;
  --color-purple-200: #4f146a;
  --color-purple-250: #5c197a;
  --color-purple-300: #6b218c;
  --color-purple-350: #7c2ca1;
  --color-purple-400: #8f3bb8;
  --color-purple-450: #ad54d9;
  --color-purple-500: #c468f3;
  --color-purple-550: #ca70f8;
  --color-purple-600: #ce78fb;
  --color-purple-650: #d484fe;
  --color-purple-700: #d892ff;
  --color-purple-750: #dda2ff;
  --color-purple-800: #e2b1ff;
  --color-purple-850: #e7beff;
  --color-purple-900: #ecccff;
  --color-purple-950: #f5e4ff;
  --color-purple-a00: rgb(196 104 243 / 0);
  --color-purple-a02: rgb(196 104 243 / 0.04);
  --color-purple-a05: rgb(196 104 243 / 0.09);
  --color-purple-a07: rgb(196 104 243 / 0.13);
  --color-purple-a10: rgb(196 104 243 / 0.18);
  --color-purple-a12: rgb(196 104 243 / 0.22);
  --color-purple-a15: rgb(196 104 243 / 0.27);
  --color-purple-a20: rgb(196 104 243 / 0.36);
  --color-purple-a25: rgb(196 104 243 / 0.45);
  --color-purple-a30: rgb(196 104 243 / 0.54);
  --color-purple-a35: rgb(196 104 243 / 0.63);
  --color-purple-a40: rgb(196 104 243 / 0.72);
  --color-purple-a45: rgb(196 104 243 / 0.81);
  --color-purple-a50: rgb(196 104 243 / 0.9);
  --color-purple-base-default: var(--color-purple-500);
  --color-purple-base-hover: var(--color-purple-600);
  --color-purple-base-pressed: var(--color-purple-700);
  --color-purple-bg-layer-2: var(--color-purple-50);
  --color-purple-bg-layer-3: var(--color-purple-125);
  --color-purple-bg-layer-4: var(--color-purple-200);
  --color-purple-bg-layer-5: var(--color-purple-300);
  --color-purple-bg-page: var(--color-purple-10);
  --color-purple-fill: var(--color-purple-400);
  --color-purple-fill-hover: var(--color-purple-300);
  --color-purple-fill-pressed: var(--color-purple-200);
  --color-purple-input-glow-focus: var(--color-purple-a35);
  --color-purple-subtle: var(--color-purple-a15);
  --color-purple-subtle-hover: var(--color-purple-a20);
  --color-purple-subtle-medium: var(--color-purple-a30);
  --color-purple-subtle-pressed: var(--color-purple-a30);
  --color-purple-subtle-regular: var(--color-purple-a20);
  --color-purple-subtle-strong: var(--color-purple-a40);
  --color-purple-subtle-weak: var(--color-purple-a10);
  --color-purple-text: var(--color-purple-600);
  --color-purple-text-hover: var(--color-purple-700);
  --color-purple-text-on-solid: var(--color-white-base);
  --color-purple-text-pressed: var(--color-purple-800);
  --color-red-5: #0c0000;
  --color-red-10: #190000;
  --color-red-15: #220000;
  --color-red-25: #2d0000;
  --color-red-50: #3f0000;
  --color-red-75: #4b0000;
  --color-red-100: #550000;
  --color-red-125: #5d0000;
  --color-red-150: #640000;
  --color-red-200: #730000;
  --color-red-250: #850000;
  --color-red-300: #9a0000;
  --color-red-350: #b00000;
  --color-red-400: #c90000;
  --color-red-450: #e8392d;
  --color-red-500: #ff5546;
  --color-red-550: #ff6352;
  --color-red-600: #ff6d5c;
  --color-red-650: #ff7c6a;
  --color-red-700: #ff8c7a;
  --color-red-750: #ff9d8c;
  --color-red-800: #ffae9f;
  --color-red-850: #ffbcae;
  --color-red-900: #ffcbbe;
  --color-red-950: #ffe3d9;
  --color-red-a00: rgb(255 85 70 / 0);
  --color-red-a02: rgb(255 85 70 / 0.04);
  --color-red-a05: rgb(255 85 70 / 0.09);
  --color-red-a07: rgb(255 85 70 / 0.13);
  --color-red-a10: rgb(255 85 70 / 0.18);
  --color-red-a12: rgb(255 85 70 / 0.22);
  --color-red-a15: rgb(255 85 70 / 0.27);
  --color-red-a20: rgb(255 85 70 / 0.36);
  --color-red-a25: rgb(255 85 70 / 0.45);
  --color-red-a30: rgb(255 85 70 / 0.54);
  --color-red-a35: rgb(255 85 70 / 0.63);
  --color-red-a40: rgb(255 85 70 / 0.72);
  --color-red-a45: rgb(255 85 70 / 0.81);
  --color-red-a50: rgb(255 85 70 / 0.9);
  --color-red-base-default: var(--color-red-500);
  --color-red-base-hover: var(--color-red-600);
  --color-red-base-pressed: var(--color-red-700);
  --color-red-bg-layer-2: var(--color-red-50);
  --color-red-bg-layer-3: var(--color-red-125);
  --color-red-bg-layer-4: var(--color-red-200);
  --color-red-bg-layer-5: var(--color-red-300);
  --color-red-bg-page: var(--color-red-10);
  --color-red-fill: var(--color-red-400);
  --color-red-fill-hover: var(--color-red-300);
  --color-red-fill-pressed: var(--color-red-200);
  --color-red-input-glow-focus: var(--color-red-a35);
  --color-red-subtle: var(--color-red-a15);
  --color-red-subtle-hover: var(--color-red-a20);
  --color-red-subtle-medium: var(--color-red-a30);
  --color-red-subtle-pressed: var(--color-red-a30);
  --color-red-subtle-regular: var(--color-red-a20);
  --color-red-subtle-strong: var(--color-red-a40);
  --color-red-subtle-weak: var(--color-red-a10);
  --color-red-text: var(--color-red-600);
  --color-red-text-hover: var(--color-red-700);
  --color-red-text-on-solid: var(--color-white-base);
  --color-red-text-pressed: var(--color-red-800);
  --color-relief-raised-medium: var(--color-white-a20);
  --color-relief-raised-strong: var(--color-white-a30);
  --color-relief-raised-weak: var(--color-white-a10);
  --color-relief-sunken-medium: var(--color-black-a20);
  --color-relief-sunken-strong: var(--color-black-a30);
  --color-relief-sunken-weak: var(--color-black-a10);
  --color-rose-5: #070103;
  --color-rose-10: #100307;
  --color-rose-15: #17050b;
  --color-rose-25: #200911;
  --color-rose-50: #2e0f1a;
  --color-rose-75: #381321;
  --color-rose-100: #401726;
  --color-rose-125: #471a2a;
  --color-rose-150: #4c1c2d;
  --color-rose-200: #582135;
  --color-rose-250: #66283e;
  --color-rose-300: #76314a;
  --color-rose-350: #883c57;
  --color-rose-400: #9d4b67;
  --color-rose-450: #bd6280;
  --color-rose-500: #d57695;
  --color-rose-550: #db7d9b;
  --color-rose-600: #df84a1;
  --color-rose-650: #e48ea9;
  --color-rose-700: #e99ab2;
  --color-rose-750: #eda7bb;
  --color-rose-800: #f1b4c6;
  --color-rose-850: #f4c0ce;
  --color-rose-900: #f7cdd9;
  --color-rose-950: #fde3ea;
  --color-rose-a00: rgb(213 118 149 / 0);
  --color-rose-a02: rgb(213 118 149 / 0.04);
  --color-rose-a05: rgb(213 118 149 / 0.09);
  --color-rose-a07: rgb(213 118 149 / 0.13);
  --color-rose-a10: rgb(213 118 149 / 0.18);
  --color-rose-a12: rgb(213 118 149 / 0.22);
  --color-rose-a15: rgb(213 118 149 / 0.27);
  --color-rose-a20: rgb(213 118 149 / 0.36);
  --color-rose-a25: rgb(213 118 149 / 0.45);
  --color-rose-a30: rgb(213 118 149 / 0.54);
  --color-rose-a35: rgb(213 118 149 / 0.63);
  --color-rose-a40: rgb(213 118 149 / 0.72);
  --color-rose-a45: rgb(213 118 149 / 0.81);
  --color-rose-a50: rgb(213 118 149 / 0.9);
  --color-rose-base-default: var(--color-rose-500);
  --color-rose-base-hover: var(--color-rose-600);
  --color-rose-base-pressed: var(--color-rose-700);
  --color-rose-bg-layer-2: var(--color-rose-50);
  --color-rose-bg-layer-3: var(--color-rose-125);
  --color-rose-bg-layer-4: var(--color-rose-200);
  --color-rose-bg-layer-5: var(--color-rose-300);
  --color-rose-bg-page: var(--color-rose-10);
  --color-rose-fill: var(--color-rose-400);
  --color-rose-fill-hover: var(--color-rose-300);
  --color-rose-fill-pressed: var(--color-rose-200);
  --color-rose-input-glow-focus: var(--color-rose-a35);
  --color-rose-subtle: var(--color-rose-a15);
  --color-rose-subtle-hover: var(--color-rose-a20);
  --color-rose-subtle-medium: var(--color-rose-a30);
  --color-rose-subtle-pressed: var(--color-rose-a30);
  --color-rose-subtle-regular: var(--color-rose-a20);
  --color-rose-subtle-strong: var(--color-rose-a40);
  --color-rose-subtle-weak: var(--color-rose-a10);
  --color-rose-text: var(--color-rose-600);
  --color-rose-text-hover: var(--color-rose-700);
  --color-rose-text-on-solid: var(--color-white-base);
  --color-rose-text-pressed: var(--color-rose-800);
  --color-sky-5: #000405;
  --color-sky-10: #000a0d;
  --color-sky-15: #000f14;
  --color-sky-25: #00161b;
  --color-sky-50: #002127;
  --color-sky-75: #00282f;
  --color-sky-100: #002e35;
  --color-sky-125: #00323a;
  --color-sky-150: #00373f;
  --color-sky-200: #003f49;
  --color-sky-250: #004a55;
  --color-sky-300: #005763;
  --color-sky-350: #006674;
  --color-sky-400: #007888;
  --color-sky-450: #0095a8;
  --color-sky-500: #00acc2;
  --color-sky-550: #22b2c8;
  --color-sky-600: #36b7cc;
  --color-sky-650: #4dbed1;
  --color-sky-700: #63c6d7;
  --color-sky-750: #7bcddd;
  --color-sky-800: #91d5e2;
  --color-sky-850: #a3dce7;
  --color-sky-900: #b7e4ec;
  --color-sky-950: #d6f1f6;
  --color-sky-a00: rgb(0 172 194 / 0);
  --color-sky-a02: rgb(0 172 194 / 0.04);
  --color-sky-a05: rgb(0 172 194 / 0.09);
  --color-sky-a07: rgb(0 172 194 / 0.13);
  --color-sky-a10: rgb(0 172 194 / 0.18);
  --color-sky-a12: rgb(0 172 194 / 0.22);
  --color-sky-a15: rgb(0 172 194 / 0.27);
  --color-sky-a20: rgb(0 172 194 / 0.36);
  --color-sky-a25: rgb(0 172 194 / 0.45);
  --color-sky-a30: rgb(0 172 194 / 0.54);
  --color-sky-a35: rgb(0 172 194 / 0.63);
  --color-sky-a40: rgb(0 172 194 / 0.72);
  --color-sky-a45: rgb(0 172 194 / 0.81);
  --color-sky-a50: rgb(0 172 194 / 0.9);
  --color-sky-base-default: var(--color-sky-500);
  --color-sky-base-hover: var(--color-sky-600);
  --color-sky-base-pressed: var(--color-sky-700);
  --color-sky-bg-layer-2: var(--color-sky-50);
  --color-sky-bg-layer-3: var(--color-sky-125);
  --color-sky-bg-layer-4: var(--color-sky-200);
  --color-sky-bg-layer-5: var(--color-sky-300);
  --color-sky-bg-page: var(--color-sky-10);
  --color-sky-fill: var(--color-sky-400);
  --color-sky-fill-hover: var(--color-sky-300);
  --color-sky-fill-pressed: var(--color-sky-200);
  --color-sky-input-glow-focus: var(--color-sky-a35);
  --color-sky-subtle: var(--color-sky-a15);
  --color-sky-subtle-hover: var(--color-sky-a20);
  --color-sky-subtle-medium: var(--color-sky-a30);
  --color-sky-subtle-pressed: var(--color-sky-a30);
  --color-sky-subtle-regular: var(--color-sky-a20);
  --color-sky-subtle-strong: var(--color-sky-a40);
  --color-sky-subtle-weak: var(--color-sky-a10);
  --color-sky-text: var(--color-sky-600);
  --color-sky-text-hover: var(--color-sky-700);
  --color-sky-text-on-solid: var(--color-white-base);
  --color-sky-text-pressed: var(--color-sky-800);
  --color-teal-5: #000403;
  --color-teal-10: #000b08;
  --color-teal-15: #00100c;
  --color-teal-25: #001713;
  --color-teal-50: #00221c;
  --color-teal-75: #002923;
  --color-teal-100: #002f28;
  --color-teal-125: #00342c;
  --color-teal-150: #003830;
  --color-teal-200: #004138;
  --color-teal-250: #004c42;
  --color-teal-300: #00594e;
  --color-teal-350: #00685b;
  --color-teal-400: #007b6c;
  --color-teal-450: #009986;
  --color-teal-500: #0bb09b;
  --color-teal-550: #26b6a1;
  --color-teal-600: #39bba7;
  --color-teal-650: #4fc2ae;
  --color-teal-700: #65c9b7;
  --color-teal-750: #7cd0c0;
  --color-teal-800: #92d8c9;
  --color-teal-850: #a4ded2;
  --color-teal-900: #b8e5db;
  --color-teal-950: #d7f2ec;
  --color-teal-a00: rgb(11 176 155 / 0);
  --color-teal-a02: rgb(11 176 155 / 0.04);
  --color-teal-a05: rgb(11 176 155 / 0.09);
  --color-teal-a07: rgb(11 176 155 / 0.13);
  --color-teal-a10: rgb(11 176 155 / 0.18);
  --color-teal-a12: rgb(11 176 155 / 0.22);
  --color-teal-a15: rgb(11 176 155 / 0.27);
  --color-teal-a20: rgb(11 176 155 / 0.36);
  --color-teal-a25: rgb(11 176 155 / 0.45);
  --color-teal-a30: rgb(11 176 155 / 0.54);
  --color-teal-a35: rgb(11 176 155 / 0.63);
  --color-teal-a40: rgb(11 176 155 / 0.72);
  --color-teal-a45: rgb(11 176 155 / 0.81);
  --color-teal-a50: rgb(11 176 155 / 0.9);
  --color-teal-base-default: var(--color-teal-500);
  --color-teal-base-hover: var(--color-teal-600);
  --color-teal-base-pressed: var(--color-teal-700);
  --color-teal-bg-layer-2: var(--color-teal-50);
  --color-teal-bg-layer-3: var(--color-teal-125);
  --color-teal-bg-layer-4: var(--color-teal-200);
  --color-teal-bg-layer-5: var(--color-teal-300);
  --color-teal-bg-page: var(--color-teal-10);
  --color-teal-fill: var(--color-teal-400);
  --color-teal-fill-hover: var(--color-teal-300);
  --color-teal-fill-pressed: var(--color-teal-200);
  --color-teal-input-glow-focus: var(--color-teal-a35);
  --color-teal-subtle: var(--color-teal-a15);
  --color-teal-subtle-hover: var(--color-teal-a20);
  --color-teal-subtle-medium: var(--color-teal-a30);
  --color-teal-subtle-pressed: var(--color-teal-a30);
  --color-teal-subtle-regular: var(--color-teal-a20);
  --color-teal-subtle-strong: var(--color-teal-a40);
  --color-teal-subtle-weak: var(--color-teal-a10);
  --color-teal-text: var(--color-teal-600);
  --color-teal-text-hover: var(--color-teal-700);
  --color-teal-text-on-solid: var(--color-white-base);
  --color-teal-text-pressed: var(--color-teal-800);
  --color-white-a00: rgb(255 255 255 / 0);
  --color-white-a02: rgb(255 255 255 / 0.02);
  --color-white-a03: rgb(255 255 255 / 0.03);
  --color-white-a05: rgb(255 255 255 / 0.05);
  --color-white-a07: rgb(255 255 255 / 0.07);
  --color-white-a10: rgb(255 255 255 / 0.1);
  --color-white-a12: rgb(255 255 255 / 0.12);
  --color-white-a15: rgb(255 255 255 / 0.15);
  --color-white-a20: rgb(255 255 255 / 0.2);
  --color-white-a25: rgb(255 255 255 / 0.25);
  --color-white-a30: rgb(255 255 255 / 0.3);
  --color-white-a35: rgb(255 255 255 / 0.35);
  --color-white-a40: rgb(255 255 255 / 0.4);
  --color-white-a45: rgb(255 255 255 / 0.45);
  --color-white-a50: rgb(255 255 255 / 0.5);
  --color-white-a90: rgb(255 255 255 / 0.9);
  --color-white-a95: rgb(255 255 255 / 0.95);
  --color-white-base: #ffffff;
  --color-white-bg-layer-2: var(--color-white-a05);
  --color-white-bg-layer-3: var(--color-white-a07);
  --color-white-bg-layer-4: var(--color-white-a10);
  --color-white-bg-layer-5: var(--color-white-a15);
  --color-white-bg-page: var(--color-white-a02);
  --color-white-fill: var(--color-gray-5);
  --color-white-fill-hover: var(--color-gray-50);
  --color-white-fill-pressed: var(--color-gray-75);
  --color-white-input-glow-focus: var(--color-white-a35);
  --color-white-subtle: var(--color-white-a10);
  --color-white-subtle-hover: var(--color-white-a15);
  --color-white-subtle-pressed: var(--color-white-a20);
  --color-white-text: var(--color-white-base);
  --color-white-text-hover: var(--color-gray-25);
  --color-white-text-on-solid: var(--color-black-base);
  --color-white-text-pressed: var(--color-gray-50);
  --color-wine-5: #070102;
  --color-wine-10: #120304;
  --color-wine-15: #1a0406;
  --color-wine-25: #250609;
  --color-wine-50: #350a0f;
  --color-wine-75: #420a12;
  --color-wine-100: #4c0915;
  --color-wine-125: #530a17;
  --color-wine-150: #5a0c1a;
  --color-wine-200: #66111f;
  --color-wine-250: #751827;
  --color-wine-300: #852331;
  --color-wine-350: #97313d;
  --color-wine-400: #ab424c;
  --color-wine-450: #c2565f;
  --color-wine-500: #d4666e;
  --color-wine-550: #dc6d75;
  --color-wine-600: #e3747b;
  --color-wine-650: #ec7e84;
  --color-wine-700: #f5898f;
  --color-wine-750: #fb969b;
  --color-wine-800: #ffa5a9;
  --color-wine-850: #ffb2b5;
  --color-wine-900: #ffc2c4;
  --color-wine-950: #ffdedf;
  --color-wine-a00: rgb(212 102 110 / 0);
  --color-wine-a02: rgb(212 102 110 / 0.04);
  --color-wine-a05: rgb(212 102 110 / 0.09);
  --color-wine-a07: rgb(212 102 110 / 0.13);
  --color-wine-a10: rgb(212 102 110 / 0.18);
  --color-wine-a12: rgb(212 102 110 / 0.22);
  --color-wine-a15: rgb(212 102 110 / 0.27);
  --color-wine-a20: rgb(212 102 110 / 0.36);
  --color-wine-a25: rgb(212 102 110 / 0.45);
  --color-wine-a30: rgb(212 102 110 / 0.54);
  --color-wine-a35: rgb(212 102 110 / 0.63);
  --color-wine-a40: rgb(212 102 110 / 0.72);
  --color-wine-a45: rgb(212 102 110 / 0.81);
  --color-wine-a50: rgb(212 102 110 / 0.9);
  --color-wine-base-default: var(--color-wine-500);
  --color-wine-base-hover: var(--color-wine-600);
  --color-wine-base-pressed: var(--color-wine-700);
  --color-wine-bg-layer-2: var(--color-wine-50);
  --color-wine-bg-layer-3: var(--color-wine-125);
  --color-wine-bg-layer-4: var(--color-wine-200);
  --color-wine-bg-layer-5: var(--color-wine-300);
  --color-wine-bg-page: var(--color-wine-10);
  --color-wine-fill: var(--color-wine-400);
  --color-wine-fill-hover: var(--color-wine-300);
  --color-wine-fill-pressed: var(--color-wine-200);
  --color-wine-input-glow-focus: var(--color-wine-a35);
  --color-wine-subtle: var(--color-wine-a15);
  --color-wine-subtle-hover: var(--color-wine-a20);
  --color-wine-subtle-medium: var(--color-wine-a30);
  --color-wine-subtle-pressed: var(--color-wine-a30);
  --color-wine-subtle-regular: var(--color-wine-a20);
  --color-wine-subtle-strong: var(--color-wine-a40);
  --color-wine-subtle-weak: var(--color-wine-a10);
  --color-wine-text: var(--color-wine-600);
  --color-wine-text-hover: var(--color-wine-700);
  --color-wine-text-on-solid: var(--color-white-base);
  --color-wine-text-pressed: var(--color-wine-800);
  --color-yellow-5: #060200;
  --color-yellow-10: #0f0500;
  --color-yellow-15: #150800;
  --color-yellow-25: #1d0e00;
  --color-yellow-50: #2a1600;
  --color-yellow-75: #331c00;
  --color-yellow-100: #3a2000;
  --color-yellow-125: #402300;
  --color-yellow-150: #452700;
  --color-yellow-200: #502d00;
  --color-yellow-250: #5d3600;
  --color-yellow-300: #6c4000;
  --color-yellow-350: #7d4d00;
  --color-yellow-400: #925e00;
  --color-yellow-450: #b87f00;
  --color-yellow-500: #d49a00;
  --color-yellow-550: #d8a100;
  --color-yellow-600: #dca700;
  --color-yellow-650: #e1af2c;
  --color-yellow-700: #e6b94b;
  --color-yellow-750: #ebc368;
  --color-yellow-800: #efce83;
  --color-yellow-850: #f4d797;
  --color-yellow-900: #f9e1ac;
  --color-yellow-950: #fff2cc;
  --color-yellow-a00: rgb(212 154 0 / 0);
  --color-yellow-a02: rgb(212 154 0 / 0.04);
  --color-yellow-a05: rgb(212 154 0 / 0.09);
  --color-yellow-a07: rgb(212 154 0 / 0.13);
  --color-yellow-a10: rgb(212 154 0 / 0.18);
  --color-yellow-a12: rgb(212 154 0 / 0.22);
  --color-yellow-a15: rgb(212 154 0 / 0.27);
  --color-yellow-a20: rgb(212 154 0 / 0.36);
  --color-yellow-a25: rgb(212 154 0 / 0.45);
  --color-yellow-a30: rgb(212 154 0 / 0.54);
  --color-yellow-a35: rgb(212 154 0 / 0.63);
  --color-yellow-a40: rgb(212 154 0 / 0.72);
  --color-yellow-a45: rgb(212 154 0 / 0.81);
  --color-yellow-a50: rgb(212 154 0 / 0.9);
  --color-yellow-base-default: var(--color-yellow-500);
  --color-yellow-base-hover: var(--color-yellow-600);
  --color-yellow-base-pressed: var(--color-yellow-700);
  --color-yellow-bg-layer-2: var(--color-yellow-50);
  --color-yellow-bg-layer-3: var(--color-yellow-125);
  --color-yellow-bg-layer-4: var(--color-yellow-200);
  --color-yellow-bg-layer-5: var(--color-yellow-300);
  --color-yellow-bg-page: var(--color-yellow-10);
  --color-yellow-fill: var(--color-yellow-400);
  --color-yellow-fill-hover: var(--color-yellow-300);
  --color-yellow-fill-pressed: var(--color-yellow-200);
  --color-yellow-input-glow-focus: var(--color-yellow-a35);
  --color-yellow-subtle: var(--color-yellow-a15);
  --color-yellow-subtle-hover: var(--color-yellow-a20);
  --color-yellow-subtle-medium: var(--color-yellow-a30);
  --color-yellow-subtle-pressed: var(--color-yellow-a30);
  --color-yellow-subtle-regular: var(--color-yellow-a20);
  --color-yellow-subtle-strong: var(--color-yellow-a40);
  --color-yellow-subtle-weak: var(--color-yellow-a10);
  --color-yellow-text: var(--color-yellow-600);
  --color-yellow-text-hover: var(--color-yellow-700);
  --color-yellow-text-on-solid: var(--color-white-base);
  --color-yellow-text-pressed: var(--color-yellow-800);
  --effect-glass-default-backdrop-blur: 18px;
  --color-brand-50: var(--color-blue-50);
  --color-brand-100: var(--color-blue-100);
  --color-brand-150: var(--color-blue-150);
  --color-brand-200: var(--color-blue-200);
  --color-brand-250: var(--color-blue-250);
  --color-brand-300: var(--color-blue-300);
  --color-brand-350: var(--color-blue-350);
  --color-brand-400: var(--color-blue-400);
  --color-brand-450: var(--color-blue-450);
  --color-brand-500: var(--color-blue-500);
  --color-brand-550: var(--color-blue-550);
  --color-brand-600: var(--color-blue-600);
  --color-brand-650: var(--color-blue-650);
  --color-brand-700: var(--color-blue-700);
  --color-brand-750: var(--color-blue-750);
  --color-brand-800: var(--color-blue-800);
  --color-brand-850: var(--color-blue-850);
  --color-brand-900: var(--color-blue-900);
  --color-brand-950: var(--color-blue-950);
  --color-brand-a00: var(--color-blue-a00);
  --color-brand-a03: var(--color-blue-a02);
  --color-brand-a05: var(--color-blue-a05);
  --color-brand-a07: var(--color-blue-a07);
  --color-brand-a10: var(--color-blue-a10);
  --color-brand-a12: var(--color-blue-a12);
  --color-brand-a15: var(--color-blue-a15);
  --color-brand-a20: var(--color-blue-a20);
  --color-brand-a25: var(--color-blue-a25);
  --color-brand-a30: var(--color-blue-a30);
  --color-brand-a35: var(--color-blue-a35);
  --color-brand-a40: var(--color-blue-a40);
  --color-brand-a45: var(--color-blue-a45);
  --color-brand-a50: var(--color-blue-a50);
  --color-brand-accessible-solid-default: var(--color-blue-fill);
  --color-brand-accessible-solid-hover: var(--color-blue-fill-hover);
  --color-brand-accessible-solid-pressed: var(--color-blue-fill-pressed);
  --color-brand-base-default: var(--color-blue-base-default);
  --color-brand-base-hover: var(--color-blue-base-hover);
  --color-brand-base-pressed: var(--color-blue-base-pressed);
  --color-brand-black: var(--color-black-base);
  --color-brand-black-a00: var(--color-black-a00);
  --color-brand-black-a02: var(--color-black-a02);
  --color-brand-black-a03: var(--color-black-a03);
  --color-brand-black-a05: var(--color-black-a05);
  --color-brand-black-a07: var(--color-black-a07);
  --color-brand-black-a10: var(--color-black-a10);
  --color-brand-black-a12: var(--color-black-a12);
  --color-brand-black-a15: var(--color-black-a15);
  --color-brand-black-a20: var(--color-black-a20);
  --color-brand-black-a25: var(--color-black-a25);
  --color-brand-black-a30: var(--color-black-a30);
  --color-brand-black-a35: var(--color-black-a35);
  --color-brand-black-a40: var(--color-black-a40);
  --color-brand-black-a45: var(--color-black-a45);
  --color-brand-black-a50: var(--color-black-a50);
  --color-brand-black-a70: var(--color-black-a70);
  --color-brand-black-bg-layer-2: var(--color-black-bg-layer-2);
  --color-brand-black-bg-layer-3: var(--color-black-bg-layer-3);
  --color-brand-black-bg-layer-4: var(--color-black-bg-layer-4);
  --color-brand-black-bg-layer-5: var(--color-black-bg-layer-5);
  --color-brand-black-bg-page: var(--color-black-bg-page);
  --color-brand-black-fill: var(--color-black-fill);
  --color-brand-black-fill-hover: var(--color-black-fill-hover);
  --color-brand-black-fill-pressed: var(--color-black-fill-pressed);
  --color-brand-black-input-glow-focus: var(--color-black-input-glow-focus);
  --color-brand-black-subtle: var(--color-black-subtle);
  --color-brand-black-subtle-hover: var(--color-black-subtle-hover);
  --color-brand-black-subtle-pressed: var(--color-black-subtle-pressed);
  --color-brand-black-text: var(--color-black-text);
  --color-brand-black-text-hover: var(--color-black-text-hover);
  --color-brand-black-text-on-solid: var(--color-black-text-on-solid);
  --color-brand-black-text-pressed: var(--color-black-text-pressed);
  --color-brand-border-default: var(--color-layout-stroke-default);
  --color-brand-border-strong: var(--color-layout-stroke-strong);
  --color-brand-border-subtle: var(--color-layout-stroke-subtle);
  --color-brand-elevation-1: var(--color-elevation-shadow-1);
  --color-brand-elevation-2: var(--color-elevation-shadow-2);
  --color-brand-elevation-3: var(--color-elevation-shadow-3);
  --color-brand-elevation-4: var(--color-elevation-shadow-4);
  --color-brand-elevation-5: var(--color-elevation-shadow-5);
  --color-brand-elevation-raised: var(--color-elevation-raised);
  --color-brand-elevation-sunken: var(--color-elevation-sunken);
  --color-brand-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-brand-feedback-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-brand-feedback-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-brand-feedback-danger-border: var(--color-feedback-danger-border);
  --color-brand-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-brand-feedback-danger-on-solid: var(--color-feedback-danger-on-solid);
  --color-brand-feedback-danger-solid: var(--color-feedback-danger-solid);
  --color-brand-feedback-danger-solid-hover: var(--color-feedback-danger-solid-hover);
  --color-brand-feedback-danger-solid-pressed: var(--color-feedback-danger-solid-pressed);
  --color-brand-feedback-info-bg: var(--color-feedback-info-bg);
  --color-brand-feedback-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-brand-feedback-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-brand-feedback-info-border: var(--color-feedback-info-border);
  --color-brand-feedback-info-fg: var(--color-feedback-info-fg);
  --color-brand-feedback-info-on-solid: var(--color-feedback-info-on-solid);
  --color-brand-feedback-info-solid: var(--color-feedback-info-solid);
  --color-brand-feedback-info-solid-hover: var(--color-feedback-info-solid-hover);
  --color-brand-feedback-info-solid-pressed: var(--color-feedback-info-solid-pressed);
  --color-brand-feedback-success-bg: var(--color-feedback-success-bg);
  --color-brand-feedback-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-brand-feedback-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-brand-feedback-success-border: var(--color-feedback-success-border);
  --color-brand-feedback-success-fg: var(--color-feedback-success-fg);
  --color-brand-feedback-success-on-solid: var(--color-feedback-success-on-solid);
  --color-brand-feedback-success-solid: var(--color-feedback-success-solid);
  --color-brand-feedback-success-solid-hover: var(--color-feedback-success-solid-hover);
  --color-brand-feedback-success-solid-pressed: var(--color-feedback-success-solid-pressed);
  --color-brand-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-brand-feedback-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-brand-feedback-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-brand-feedback-warning-border: var(--color-feedback-warning-border);
  --color-brand-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-brand-feedback-warning-on-solid: var(--color-feedback-warning-on-solid);
  --color-brand-feedback-warning-solid: var(--color-feedback-warning-solid);
  --color-brand-feedback-warning-solid-hover: var(--color-feedback-warning-solid-hover);
  --color-brand-feedback-warning-solid-pressed: var(--color-feedback-warning-solid-pressed);
  --color-brand-font-always-black: var(--color-layout-text-always-black);
  --color-brand-font-always-white: var(--color-layout-text-always-white);
  --color-brand-font-body: var(--color-layout-text-body);
  --color-brand-font-caption: var(--color-layout-text-caption);
  --color-brand-font-caption-light: var(--color-layout-text-caption-light);
  --color-brand-font-disabled: var(--color-layout-text-disabled);
  --color-brand-font-title: var(--color-layout-text-title);
  --color-brand-glass-contrast-surface: var(--color-glass-contrast-surface);
  --color-brand-glass-middle-surface: var(--color-glass-middle-surface);
  --color-brand-glass-soft-surface: var(--color-glass-soft-surface);
  --color-brand-glass-solid-surface: var(--color-glass-solid-surface);
  --color-brand-glass-strong-surface: var(--color-glass-strong-surface);
  --color-brand-role-bg-dim: var(--color-elevation-dim);
  --color-brand-role-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-brand-role-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-brand-role-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-brand-role-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-brand-role-bg-gray-page: var(--color-elevation-gray-page);
  --color-brand-role-bg-layer-2: var(--color-blue-bg-layer-2);
  --color-brand-role-bg-layer-3: var(--color-blue-bg-layer-3);
  --color-brand-role-bg-layer-4: var(--color-blue-bg-layer-4);
  --color-brand-role-bg-layer-5: var(--color-blue-bg-layer-5);
  --color-brand-role-bg-page: var(--color-blue-bg-page);
  --color-brand-role-bg-system-elevation-1: var(--color-elevation-system-1);
  --color-brand-role-bg-system-elevation-2: var(--color-elevation-system-2);
  --color-brand-role-bg-system-elevation-3: var(--color-elevation-system-3);
  --color-brand-role-bg-system-elevation-4: var(--color-elevation-system-4);
  --color-brand-role-bg-system-elevation-5: var(--color-elevation-system-5);
  --color-brand-role-bg-system-page: var(--color-brand-role-bg-system-elevation-1);
  --color-brand-role-bg-system-search-bar: var(--color-brand-role-bg-system-elevation-2);
  --color-brand-role-bg-system-sidebar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-system-topbar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-user-elevation-1: var(--color-elevation-user-1);
  --color-brand-role-bg-user-elevation-2: var(--color-elevation-user-2);
  --color-brand-role-bg-user-elevation-3: var(--color-elevation-user-3);
  --color-brand-role-bg-user-elevation-4: var(--color-elevation-user-4);
  --color-brand-role-bg-user-elevation-5: var(--color-elevation-user-5);
  --color-brand-role-input-bg-default: var(--color-input-bg-default);
  --color-brand-role-input-bg-disabled: var(--color-input-bg-disabled);
  --color-brand-role-input-bg-focus: var(--color-input-bg-focus);
  --color-brand-role-input-bg-hover: var(--color-input-bg-hover);
  --color-brand-role-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-brand-role-input-bg-user-light: var(--color-input-bg-user-light);
  --color-brand-role-input-fg-danger: var(--color-brand-feedback-danger-fg);
  --color-brand-role-input-fg-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-helper: var(--color-input-fg-helper);
  --color-brand-role-input-fg-icon-action: var(--color-brand-font-body);
  --color-brand-role-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-brand-role-input-fg-icon-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-icon-focus: var(--color-brand-role-text);
  --color-brand-role-input-fg-info: var(--color-brand-feedback-info-fg);
  --color-brand-role-input-fg-label: var(--color-brand-font-title);
  --color-brand-role-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-brand-role-input-fg-required: var(--color-input-fg-required);
  --color-brand-role-input-fg-success: var(--color-brand-feedback-success-fg);
  --color-brand-role-input-fg-value: var(--color-brand-font-title);
  --color-brand-role-input-fg-warning: var(--color-brand-feedback-warning-fg);
  --color-brand-role-input-glow-danger: var(--color-input-glow-danger);
  --color-brand-role-input-glow-focus: var(--color-blue-input-glow-focus);
  --color-brand-role-input-glow-info: var(--color-input-glow-info);
  --color-brand-role-input-glow-success: var(--color-input-glow-success);
  --color-brand-role-input-glow-warning: var(--color-input-glow-warning);
  --color-brand-role-input-select-option-bg-hover: var(--color-input-select-option-bg-hover);
  --color-brand-role-input-stroke-danger: var(--color-input-stroke-danger);
  --color-brand-role-input-stroke-default: var(--color-input-stroke-default);
  --color-brand-role-input-stroke-disabled: var(--color-brand-border-subtle);
  --color-brand-role-input-stroke-focus: var(--color-brand-role-text);
  --color-brand-role-input-stroke-hover: var(--color-input-stroke-hover);
  --color-brand-role-input-stroke-info: var(--color-input-stroke-info);
  --color-brand-role-input-stroke-success: var(--color-input-stroke-success);
  --color-brand-role-input-stroke-warning: var(--color-input-stroke-warning);
  --color-brand-role-relief-raised-medium: var(--color-relief-raised-medium);
  --color-brand-role-relief-raised-strong: var(--color-relief-raised-strong);
  --color-brand-role-relief-raised-weak: var(--color-relief-raised-weak);
  --color-brand-role-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-brand-role-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-brand-role-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-brand-role-subtle: var(--color-blue-subtle);
  --color-brand-role-subtle-hover: var(--color-blue-subtle-hover);
  --color-brand-role-subtle-medium: var(--color-blue-subtle-medium);
  --color-brand-role-subtle-pressed: var(--color-blue-subtle-pressed);
  --color-brand-role-subtle-regular: var(--color-blue-subtle-regular);
  --color-brand-role-subtle-strong: var(--color-blue-subtle-strong);
  --color-brand-role-subtle-weak: var(--color-blue-subtle-weak);
  --color-brand-role-table-bg-default: var(--color-brand-role-bg-gray-page);
  --color-brand-role-table-bg-focus: var(--color-brand-a07);
  --color-brand-role-table-bg-gray: var(--color-layout-table-bg-gray);
  --color-brand-role-table-bg-hover: var(--color-brand-a05);
  --color-brand-role-table-header-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-brand-role-table-header-bg-gray: var(--color-layout-table-header-bg-gray);
  --color-brand-role-table-header-stroke-bottom-black: var(--color-black-base);
  --color-brand-role-table-shadow-brand-end: var(--color-blue-a00);
  --color-brand-role-table-shadow-brand-start: var(--color-blue-a25);
  --color-brand-role-table-shadow-neutral-end: var(--color-gray-a00);
  --color-brand-role-table-shadow-neutral-start: var(--color-gray-a25);
  --color-brand-role-table-stroke-default: var(--color-brand-border-default);
  --color-brand-role-table-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-role-table-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-table-stroke-terminal: var(--color-gray-800);
  --color-brand-role-text: var(--color-blue-text);
  --color-brand-role-text-hover: var(--color-blue-text-hover);
  --color-brand-role-text-on-solid: var(--color-blue-text-on-solid);
  --color-brand-role-text-pressed: var(--color-blue-text-pressed);
  --color-brand-subtle-gray-default: var(--color-layout-subtle-gray-default);
  --color-brand-subtle-gray-hover: var(--color-layout-subtle-gray-hover);
  --color-brand-subtle-gray-medium: var(--color-layout-subtle-gray-medium);
  --color-brand-subtle-gray-pressed: var(--color-layout-subtle-gray-pressed);
  --color-brand-subtle-gray-regular: var(--color-layout-subtle-gray-regular);
  --color-brand-subtle-gray-strong: var(--color-layout-subtle-gray-strong);
  --color-brand-subtle-gray-weak: var(--color-layout-subtle-gray-weak);
  --color-brand-text-inverse: var(--color-layout-text-inverse);
  --color-brand-text-inverse-muted: var(--color-layout-text-inverse-muted);
  --color-brand-text-neutral-on-solid-muted: var(--color-layout-text-on-solid-muted);
  --color-brand-white: var(--color-white-base);
  --color-brand-white-a00: var(--color-white-a00);
  --color-brand-white-a02: var(--color-white-a02);
  --color-brand-white-a03: var(--color-white-a03);
  --color-brand-white-a05: var(--color-white-a05);
  --color-brand-white-a07: var(--color-white-a07);
  --color-brand-white-a10: var(--color-white-a10);
  --color-brand-white-a12: var(--color-white-a12);
  --color-brand-white-a15: var(--color-white-a15);
  --color-brand-white-a20: var(--color-white-a20);
  --color-brand-white-a25: var(--color-white-a25);
  --color-brand-white-a30: var(--color-white-a30);
  --color-brand-white-a35: var(--color-white-a35);
  --color-brand-white-a40: var(--color-white-a40);
  --color-brand-white-a45: var(--color-white-a45);
  --color-brand-white-a50: var(--color-white-a50);
  --color-brand-white-a90: var(--color-white-a90);
  --color-brand-white-a95: var(--color-white-a95);
  --color-brand-white-bg-layer-2: var(--color-white-bg-layer-2);
  --color-brand-white-bg-layer-3: var(--color-white-bg-layer-3);
  --color-brand-white-bg-layer-4: var(--color-white-bg-layer-4);
  --color-brand-white-bg-layer-5: var(--color-white-bg-layer-5);
  --color-brand-white-bg-page: var(--color-white-bg-page);
  --color-brand-white-fill: var(--color-white-fill);
  --color-brand-white-fill-hover: var(--color-white-fill-hover);
  --color-brand-white-fill-pressed: var(--color-white-fill-pressed);
  --color-brand-white-input-glow-focus: var(--color-white-input-glow-focus);
  --color-brand-white-subtle: var(--color-white-subtle);
  --color-brand-white-subtle-hover: var(--color-white-subtle-hover);
  --color-brand-white-subtle-pressed: var(--color-white-subtle-pressed);
  --color-brand-white-text: var(--color-white-text);
  --color-brand-white-text-hover: var(--color-white-text-hover);
  --color-brand-white-text-on-solid: var(--color-white-text-on-solid);
  --color-brand-white-text-pressed: var(--color-white-text-pressed);
  --color-selection-bg-disabled: var(--color-brand-role-input-bg-disabled);
  --color-selection-bg-unselected: var(--color-brand-role-input-bg-default);
  --color-selection-bg-unselected-hover: var(--color-brand-role-input-bg-hover);
  --color-selection-fg-indicator-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-indicator-selected: var(--color-brand-role-text-on-solid);
  --color-selection-fg-indicator-unselected: var(--color-brand-role-input-fg-icon-default);
  --color-selection-fg-label: var(--color-layout-text-title);
  --color-selection-fg-label-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-selected-control: var(--color-brand-role-text);
  --color-selection-fg-selected-control-hover: var(--color-brand-role-text-hover);
  --color-selection-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-selection-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-selection-stroke-unselected: var(--color-brand-role-input-stroke-default);
  --color-selection-stroke-unselected-hover: var(--color-brand-role-input-stroke-hover);
  --color-input-select-option-bg-hover: var(--color-brand-role-subtle-hover);
  --color-input-select-option-panel-stroke: var(--color-white-a10);
  --color-action-amber-border: var(--color-amber-fill);
  --color-action-amber-category-bg: var(--color-amber-subtle);
  --color-action-amber-fill: var(--color-amber-fill);
  --color-action-amber-fill-hover: var(--color-amber-fill-hover);
  --color-action-amber-fill-press: var(--color-amber-fill-pressed);
  --color-action-amber-fill-pressed: var(--color-amber-fill-pressed);
  --color-action-amber-hover: var(--color-amber-subtle-hover);
  --color-action-amber-press: var(--color-amber-subtle-pressed);
  --color-action-amber-pressed: var(--color-amber-subtle-pressed);
  --color-action-amber-subtle: var(--color-amber-subtle);
  --color-action-amber-text: var(--color-amber-text);
  --color-action-amber-tonal: var(--color-amber-subtle);
  --color-action-azure-fill-hover: var(--color-azure-fill-hover);
  --color-action-azure-fill-press: var(--color-azure-fill-pressed);
  --color-action-azure-fill-pressed: var(--color-azure-fill-pressed);
  --color-action-azure-hover: var(--color-azure-subtle-hover);
  --color-action-azure-press: var(--color-azure-subtle-pressed);
  --color-action-azure-pressed: var(--color-azure-subtle-pressed);
  --color-action-black-border: var(--color-black-fill);
  --color-action-black-category-bg: var(--color-black-subtle);
  --color-action-black-fill: var(--color-black-fill);
  --color-action-black-fill-hover: var(--color-black-fill-hover);
  --color-action-black-fill-press: var(--color-black-fill-pressed);
  --color-action-black-fill-pressed: var(--color-black-fill-pressed);
  --color-action-black-fill-text: var(--color-black-text-on-solid);
  --color-action-black-hover: var(--color-black-subtle-hover);
  --color-action-black-press: var(--color-black-subtle-pressed);
  --color-action-black-pressed: var(--color-black-subtle-pressed);
  --color-action-black-subtle: var(--color-black-subtle);
  --color-action-black-text: var(--color-black-text);
  --color-action-black-tonal: var(--color-black-subtle);
  --color-action-brand-border: var(--color-brand-accessible-solid-default);
  --color-action-brand-category-bg: var(--color-brand-role-subtle);
  --color-action-brand-fill: var(--color-brand-accessible-solid-default);
  --color-action-brand-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-action-brand-fill-press: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-text: var(--color-brand-role-text-on-solid);
  --color-action-brand-hover: var(--color-brand-role-subtle-hover);
  --color-action-brand-press: var(--color-brand-role-subtle-pressed);
  --color-action-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-action-brand-subtle: var(--color-brand-role-subtle);
  --color-action-brand-text: var(--color-brand-role-text);
  --color-action-brand-tonal: var(--color-brand-role-subtle);
  --color-action-coral-fill-hover: var(--color-coral-fill-hover);
  --color-action-coral-fill-press: var(--color-coral-fill-pressed);
  --color-action-coral-fill-pressed: var(--color-coral-fill-pressed);
  --color-action-coral-hover: var(--color-coral-subtle-hover);
  --color-action-coral-press: var(--color-coral-subtle-pressed);
  --color-action-coral-pressed: var(--color-coral-subtle-pressed);
  --color-action-danger-fill-hover: var(--color-feedback-danger-solid-hover);
  --color-action-danger-fill-press: var(--color-feedback-danger-solid-pressed);
  --color-action-danger-hover: var(--color-feedback-danger-bg-hover);
  --color-action-danger-press: var(--color-feedback-danger-bg-pressed);
  --color-action-emerald-border: var(--color-emerald-fill);
  --color-action-emerald-category-bg: var(--color-emerald-subtle);
  --color-action-emerald-fill: var(--color-emerald-fill);
  --color-action-emerald-fill-hover: var(--color-emerald-fill-hover);
  --color-action-emerald-fill-press: var(--color-emerald-fill-pressed);
  --color-action-emerald-fill-pressed: var(--color-emerald-fill-pressed);
  --color-action-emerald-hover: var(--color-emerald-subtle-hover);
  --color-action-emerald-press: var(--color-emerald-subtle-pressed);
  --color-action-emerald-pressed: var(--color-emerald-subtle-pressed);
  --color-action-emerald-subtle: var(--color-emerald-subtle);
  --color-action-emerald-text: var(--color-emerald-text);
  --color-action-emerald-tonal: var(--color-emerald-subtle);
  --color-action-gray-border: var(--color-neutral-button-stroke);
  --color-action-gray-category-bg: var(--color-neutral-button-subtle);
  --color-action-gray-fill: var(--color-neutral-button-fill);
  --color-action-gray-fill-hover: var(--color-neutral-button-fill-hover);
  --color-action-gray-fill-press: var(--color-neutral-button-fill-pressed);
  --color-action-gray-fill-pressed: var(--color-neutral-button-fill-pressed);
  --color-action-gray-fill-text: var(--color-neutral-button-fill-fg);
  --color-action-gray-hover: var(--color-neutral-button-subtle-hover);
  --color-action-gray-press: var(--color-neutral-button-subtle-pressed);
  --color-action-gray-pressed: var(--color-neutral-button-subtle-pressed);
  --color-action-gray-subtle: var(--color-neutral-button-subtle);
  --color-action-gray-text: var(--color-neutral-button-text);
  --color-action-gray-tonal: var(--color-neutral-button-subtle);
  --color-action-indigo-border: var(--color-indigo-fill);
  --color-action-indigo-category-bg: var(--color-indigo-subtle);
  --color-action-indigo-fill: var(--color-indigo-fill);
  --color-action-indigo-fill-hover: var(--color-indigo-fill-hover);
  --color-action-indigo-fill-press: var(--color-indigo-fill-pressed);
  --color-action-indigo-fill-pressed: var(--color-indigo-fill-pressed);
  --color-action-indigo-hover: var(--color-indigo-subtle-hover);
  --color-action-indigo-press: var(--color-indigo-subtle-pressed);
  --color-action-indigo-pressed: var(--color-indigo-subtle-pressed);
  --color-action-indigo-subtle: var(--color-indigo-subtle);
  --color-action-indigo-text: var(--color-indigo-text);
  --color-action-indigo-tonal: var(--color-indigo-subtle);
  --color-action-info-fill-hover: var(--color-feedback-info-solid-hover);
  --color-action-info-fill-press: var(--color-feedback-info-solid-pressed);
  --color-action-info-hover: var(--color-feedback-info-bg-hover);
  --color-action-info-press: var(--color-feedback-info-bg-pressed);
  --color-action-mustard-fill-hover: var(--color-mustard-fill-hover);
  --color-action-mustard-fill-press: var(--color-mustard-fill-pressed);
  --color-action-mustard-fill-pressed: var(--color-mustard-fill-pressed);
  --color-action-mustard-hover: var(--color-mustard-subtle-hover);
  --color-action-mustard-press: var(--color-mustard-subtle-pressed);
  --color-action-mustard-pressed: var(--color-mustard-subtle-pressed);
  --color-action-olive-fill-hover: var(--color-olive-fill-hover);
  --color-action-olive-fill-press: var(--color-olive-fill-pressed);
  --color-action-olive-fill-pressed: var(--color-olive-fill-pressed);
  --color-action-olive-hover: var(--color-olive-subtle-hover);
  --color-action-olive-press: var(--color-olive-subtle-pressed);
  --color-action-olive-pressed: var(--color-olive-subtle-pressed);
  --color-action-plum-border: var(--color-plum-fill);
  --color-action-plum-category-bg: var(--color-plum-subtle);
  --color-action-plum-fill: var(--color-plum-fill);
  --color-action-plum-fill-hover: var(--color-plum-fill-hover);
  --color-action-plum-fill-press: var(--color-plum-fill-pressed);
  --color-action-plum-fill-pressed: var(--color-plum-fill-pressed);
  --color-action-plum-hover: var(--color-plum-subtle-hover);
  --color-action-plum-press: var(--color-plum-subtle-pressed);
  --color-action-plum-pressed: var(--color-plum-subtle-pressed);
  --color-action-plum-subtle: var(--color-plum-subtle);
  --color-action-plum-text: var(--color-plum-text);
  --color-action-plum-tonal: var(--color-plum-subtle);
  --color-action-primary-default: var(--color-brand-accessible-solid-default);
  --color-action-primary-disabled: var(--color-layout-stroke-default);
  --color-action-primary-hover: var(--color-brand-accessible-solid-hover);
  --color-action-primary-pressed: var(--color-brand-accessible-solid-pressed);
  --color-action-purple-fill-hover: var(--color-purple-fill-hover);
  --color-action-purple-fill-press: var(--color-purple-fill-pressed);
  --color-action-purple-fill-pressed: var(--color-purple-fill-pressed);
  --color-action-purple-hover: var(--color-purple-subtle-hover);
  --color-action-purple-press: var(--color-purple-subtle-pressed);
  --color-action-purple-pressed: var(--color-purple-subtle-pressed);
  --color-action-rose-border: var(--color-rose-fill);
  --color-action-rose-category-bg: var(--color-rose-subtle);
  --color-action-rose-fill: var(--color-rose-fill);
  --color-action-rose-fill-hover: var(--color-rose-fill-hover);
  --color-action-rose-fill-press: var(--color-rose-fill-pressed);
  --color-action-rose-fill-pressed: var(--color-rose-fill-pressed);
  --color-action-rose-hover: var(--color-rose-subtle-hover);
  --color-action-rose-press: var(--color-rose-subtle-pressed);
  --color-action-rose-pressed: var(--color-rose-subtle-pressed);
  --color-action-rose-subtle: var(--color-rose-subtle);
  --color-action-rose-text: var(--color-rose-text);
  --color-action-rose-tonal: var(--color-rose-subtle);
  --color-action-secondary-default: var(--color-elevation-gray-layer-3);
  --color-action-secondary-hover: var(--color-layout-bg-sunken);
  --color-action-sky-border: var(--color-sky-fill);
  --color-action-sky-category-bg: var(--color-sky-subtle);
  --color-action-sky-fill: var(--color-sky-fill);
  --color-action-sky-fill-hover: var(--color-sky-fill-hover);
  --color-action-sky-fill-press: var(--color-sky-fill-pressed);
  --color-action-sky-fill-pressed: var(--color-sky-fill-pressed);
  --color-action-sky-hover: var(--color-sky-subtle-hover);
  --color-action-sky-press: var(--color-sky-subtle-pressed);
  --color-action-sky-pressed: var(--color-sky-subtle-pressed);
  --color-action-sky-subtle: var(--color-sky-subtle);
  --color-action-sky-text: var(--color-sky-text);
  --color-action-sky-tonal: var(--color-sky-subtle);
  --color-action-state-layer-press-dark: var(--color-white-a15);
  --color-action-state-layer-press-light: var(--color-black-a12);
  --color-action-state-layer-pressed-dark: var(--color-white-a15);
  --color-action-state-layer-pressed-light: var(--color-black-a12);
  --color-action-success-fill-hover: var(--color-feedback-success-solid-hover);
  --color-action-success-fill-press: var(--color-feedback-success-solid-pressed);
  --color-action-success-hover: var(--color-feedback-success-bg-hover);
  --color-action-success-press: var(--color-feedback-success-bg-pressed);
  --color-action-teal-fill-hover: var(--color-teal-fill-hover);
  --color-action-teal-fill-press: var(--color-teal-fill-pressed);
  --color-action-teal-fill-pressed: var(--color-teal-fill-pressed);
  --color-action-teal-hover: var(--color-teal-subtle-hover);
  --color-action-teal-press: var(--color-teal-subtle-pressed);
  --color-action-teal-pressed: var(--color-teal-subtle-pressed);
  --color-action-warning-fill-hover: var(--color-feedback-warning-solid-hover);
  --color-action-warning-fill-press: var(--color-feedback-warning-solid-pressed);
  --color-action-warning-hover: var(--color-feedback-warning-bg-hover);
  --color-action-warning-press: var(--color-feedback-warning-bg-pressed);
  --color-action-white-border: var(--color-white-fill);
  --color-action-white-category-bg: var(--color-white-subtle);
  --color-action-white-fill: var(--color-white-fill);
  --color-action-white-fill-hover: var(--color-white-fill-hover);
  --color-action-white-fill-press: var(--color-white-fill-pressed);
  --color-action-white-fill-pressed: var(--color-white-fill-pressed);
  --color-action-white-fill-text: var(--color-white-text-on-solid);
  --color-action-white-hover: var(--color-white-subtle-hover);
  --color-action-white-press: var(--color-white-subtle-pressed);
  --color-action-white-pressed: var(--color-white-subtle-pressed);
  --color-action-white-subtle: var(--color-white-subtle);
  --color-action-white-text: var(--color-white-text);
  --color-action-white-tonal: var(--color-white-subtle);
  --color-amber-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-amber-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-amber-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-amber-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-amber-bg-gray-page: var(--color-elevation-gray-page);
  --color-amber-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-amber-feedback-danger-border: var(--color-feedback-danger-border);
  --color-amber-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-amber-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-amber-feedback-info-bg: var(--color-feedback-info-bg);
  --color-amber-feedback-info-border: var(--color-feedback-info-border);
  --color-amber-feedback-info-fg: var(--color-feedback-info-fg);
  --color-amber-feedback-info-fill: var(--color-feedback-info-solid);
  --color-amber-feedback-success-bg: var(--color-feedback-success-bg);
  --color-amber-feedback-success-border: var(--color-feedback-success-border);
  --color-amber-feedback-success-fg: var(--color-feedback-success-fg);
  --color-amber-feedback-success-fill: var(--color-feedback-success-solid);
  --color-amber-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-amber-feedback-warning-border: var(--color-feedback-warning-border);
  --color-amber-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-amber-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-amber-input-bg-default: var(--color-input-bg-default);
  --color-amber-input-bg-disabled: var(--color-input-bg-disabled);
  --color-amber-input-bg-focus: var(--color-input-bg-focus);
  --color-amber-input-bg-hover: var(--color-input-bg-hover);
  --color-amber-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-amber-input-bg-user-light: var(--color-input-bg-user-light);
  --color-amber-input-fg-danger: var(--color-feedback-danger-fg);
  --color-amber-input-fg-disabled: var(--color-layout-text-disabled);
  --color-amber-input-fg-helper: var(--color-input-fg-helper);
  --color-amber-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-amber-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-amber-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-amber-input-fg-icon-focus: var(--color-amber-text);
  --color-amber-input-fg-info: var(--color-feedback-info-fg);
  --color-amber-input-fg-label: var(--color-layout-text-title);
  --color-amber-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-amber-input-fg-required: var(--color-input-fg-required);
  --color-amber-input-fg-success: var(--color-feedback-success-fg);
  --color-amber-input-fg-value: var(--color-layout-text-title);
  --color-amber-input-fg-warning: var(--color-feedback-warning-fg);
  --color-amber-input-glow-danger: var(--color-input-glow-danger);
  --color-amber-input-glow-info: var(--color-input-glow-info);
  --color-amber-input-glow-success: var(--color-input-glow-success);
  --color-amber-input-glow-warning: var(--color-input-glow-warning);
  --color-amber-input-stroke-danger: var(--color-input-stroke-danger);
  --color-amber-input-stroke-default: var(--color-input-stroke-default);
  --color-amber-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-amber-input-stroke-focus: var(--color-amber-text);
  --color-amber-input-stroke-hover: var(--color-input-stroke-hover);
  --color-amber-input-stroke-info: var(--color-input-stroke-info);
  --color-amber-input-stroke-success: var(--color-input-stroke-success);
  --color-amber-input-stroke-warning: var(--color-input-stroke-warning);
  --color-amber-relief-raised-medium: var(--color-relief-raised-medium);
  --color-amber-relief-raised-strong: var(--color-relief-raised-strong);
  --color-amber-relief-raised-weak: var(--color-relief-raised-weak);
  --color-amber-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-amber-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-amber-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-amber-text-body: var(--color-layout-text-body);
  --color-amber-text-caption: var(--color-layout-text-caption);
  --color-amber-text-caption-light: var(--color-layout-text-caption-light);
  --color-amber-text-disabled: var(--color-layout-text-disabled);
  --color-amber-text-selected: var(--color-amber-text-pressed);
  --color-amber-text-title: var(--color-layout-text-title);
  --color-azure-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-azure-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-azure-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-azure-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-azure-bg-gray-page: var(--color-elevation-gray-page);
  --color-azure-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-azure-feedback-danger-border: var(--color-feedback-danger-border);
  --color-azure-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-azure-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-azure-feedback-info-bg: var(--color-feedback-info-bg);
  --color-azure-feedback-info-border: var(--color-feedback-info-border);
  --color-azure-feedback-info-fg: var(--color-feedback-info-fg);
  --color-azure-feedback-info-fill: var(--color-feedback-info-solid);
  --color-azure-feedback-success-bg: var(--color-feedback-success-bg);
  --color-azure-feedback-success-border: var(--color-feedback-success-border);
  --color-azure-feedback-success-fg: var(--color-feedback-success-fg);
  --color-azure-feedback-success-fill: var(--color-feedback-success-solid);
  --color-azure-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-azure-feedback-warning-border: var(--color-feedback-warning-border);
  --color-azure-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-azure-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-azure-input-bg-default: var(--color-input-bg-default);
  --color-azure-input-bg-disabled: var(--color-input-bg-disabled);
  --color-azure-input-bg-focus: var(--color-input-bg-focus);
  --color-azure-input-bg-hover: var(--color-input-bg-hover);
  --color-azure-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-azure-input-bg-user-light: var(--color-input-bg-user-light);
  --color-azure-input-fg-danger: var(--color-feedback-danger-fg);
  --color-azure-input-fg-disabled: var(--color-layout-text-disabled);
  --color-azure-input-fg-helper: var(--color-input-fg-helper);
  --color-azure-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-azure-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-azure-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-azure-input-fg-icon-focus: var(--color-azure-text);
  --color-azure-input-fg-info: var(--color-feedback-info-fg);
  --color-azure-input-fg-label: var(--color-layout-text-title);
  --color-azure-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-azure-input-fg-required: var(--color-input-fg-required);
  --color-azure-input-fg-success: var(--color-feedback-success-fg);
  --color-azure-input-fg-value: var(--color-layout-text-title);
  --color-azure-input-fg-warning: var(--color-feedback-warning-fg);
  --color-azure-input-glow-danger: var(--color-input-glow-danger);
  --color-azure-input-glow-info: var(--color-input-glow-info);
  --color-azure-input-glow-success: var(--color-input-glow-success);
  --color-azure-input-glow-warning: var(--color-input-glow-warning);
  --color-azure-input-stroke-danger: var(--color-input-stroke-danger);
  --color-azure-input-stroke-default: var(--color-input-stroke-default);
  --color-azure-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-azure-input-stroke-focus: var(--color-azure-text);
  --color-azure-input-stroke-hover: var(--color-input-stroke-hover);
  --color-azure-input-stroke-info: var(--color-input-stroke-info);
  --color-azure-input-stroke-success: var(--color-input-stroke-success);
  --color-azure-input-stroke-warning: var(--color-input-stroke-warning);
  --color-azure-relief-raised-medium: var(--color-relief-raised-medium);
  --color-azure-relief-raised-strong: var(--color-relief-raised-strong);
  --color-azure-relief-raised-weak: var(--color-relief-raised-weak);
  --color-azure-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-azure-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-azure-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-azure-text-body: var(--color-layout-text-body);
  --color-azure-text-caption: var(--color-layout-text-caption);
  --color-azure-text-caption-light: var(--color-layout-text-caption-light);
  --color-azure-text-disabled: var(--color-layout-text-disabled);
  --color-azure-text-selected: var(--color-azure-text-pressed);
  --color-azure-text-title: var(--color-layout-text-title);
  --color-bg-brand-action-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-action-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-category: var(--color-brand-role-subtle);
  --color-bg-brand-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-selected: var(--color-brand-a10);
  --color-bg-brand-selected-hover: var(--color-brand-a15);
  --color-bg-brand-solid: var(--color-brand-accessible-solid-default);
  --color-bg-brand-solid-hover: var(--color-brand-accessible-solid-hover);
  --color-bg-brand-solid-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-bg-brand-tag: var(--color-brand-role-subtle);
  --color-bg-danger-action-hover: var(--color-feedback-danger-bg-hover);
  --color-bg-danger-action-pressed: var(--color-feedback-danger-bg-pressed);
  --color-bg-danger-solid: var(--color-feedback-danger-solid);
  --color-bg-danger-solid-hover: var(--color-feedback-danger-solid-hover);
  --color-bg-danger-solid-pressed: var(--color-feedback-danger-solid-pressed);
  --color-bg-danger-subtle: var(--color-feedback-danger-bg);
  --color-bg-danger-tag: var(--color-feedback-danger-bg);
  --color-bg-info-action-hover: var(--color-feedback-info-bg-hover);
  --color-bg-info-action-pressed: var(--color-feedback-info-bg-pressed);
  --color-bg-info-solid: var(--color-feedback-info-solid);
  --color-bg-info-solid-hover: var(--color-feedback-info-solid-hover);
  --color-bg-info-solid-pressed: var(--color-feedback-info-solid-pressed);
  --color-bg-info-subtle: var(--color-feedback-info-bg);
  --color-bg-info-tag: var(--color-feedback-info-bg);
  --color-bg-layer-base: var(--color-elevation-gray-page);
  --color-bg-layer-canvas: var(--color-elevation-gray-page);
  --color-bg-layer-floating: var(--color-elevation-gray-layer-2);
  --color-bg-layer-panel: var(--color-elevation-gray-layer-3);
  --color-bg-layer-raised: var(--color-elevation-gray-layer-2);
  --color-bg-layer-sunken: var(--color-layout-bg-sunken);
  --color-bg-neutral-hover: var(--color-layout-bg-sunken);
  --color-bg-success-action-hover: var(--color-feedback-success-bg-hover);
  --color-bg-success-action-pressed: var(--color-feedback-success-bg-pressed);
  --color-bg-success-solid: var(--color-feedback-success-solid);
  --color-bg-success-solid-hover: var(--color-feedback-success-solid-hover);
  --color-bg-success-solid-pressed: var(--color-feedback-success-solid-pressed);
  --color-bg-success-subtle: var(--color-feedback-success-bg);
  --color-bg-success-tag: var(--color-feedback-success-bg);
  --color-bg-warning-action-hover: var(--color-feedback-warning-bg-hover);
  --color-bg-warning-action-pressed: var(--color-feedback-warning-bg-pressed);
  --color-bg-warning-solid: var(--color-feedback-warning-solid);
  --color-bg-warning-solid-hover: var(--color-feedback-warning-solid-hover);
  --color-bg-warning-solid-pressed: var(--color-feedback-warning-solid-pressed);
  --color-bg-warning-subtle: var(--color-feedback-warning-bg);
  --color-bg-warning-tag: var(--color-feedback-warning-bg);
  --color-black-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-black-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-black-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-black-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-black-bg-gray-page: var(--color-elevation-gray-page);
  --color-black-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-black-feedback-danger-border: var(--color-feedback-danger-border);
  --color-black-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-black-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-black-feedback-info-bg: var(--color-feedback-info-bg);
  --color-black-feedback-info-border: var(--color-feedback-info-border);
  --color-black-feedback-info-fg: var(--color-feedback-info-fg);
  --color-black-feedback-info-fill: var(--color-feedback-info-solid);
  --color-black-feedback-success-bg: var(--color-feedback-success-bg);
  --color-black-feedback-success-border: var(--color-feedback-success-border);
  --color-black-feedback-success-fg: var(--color-feedback-success-fg);
  --color-black-feedback-success-fill: var(--color-feedback-success-solid);
  --color-black-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-black-feedback-warning-border: var(--color-feedback-warning-border);
  --color-black-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-black-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-black-input-bg-default: var(--color-input-bg-default);
  --color-black-input-bg-disabled: var(--color-input-bg-disabled);
  --color-black-input-bg-focus: var(--color-input-bg-focus);
  --color-black-input-bg-hover: var(--color-input-bg-hover);
  --color-black-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-black-input-bg-user-light: var(--color-input-bg-user-light);
  --color-black-input-fg-danger: var(--color-feedback-danger-fg);
  --color-black-input-fg-disabled: var(--color-layout-text-disabled);
  --color-black-input-fg-helper: var(--color-input-fg-helper);
  --color-black-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-black-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-black-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-black-input-fg-icon-focus: var(--color-black-text);
  --color-black-input-fg-info: var(--color-feedback-info-fg);
  --color-black-input-fg-label: var(--color-layout-text-title);
  --color-black-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-black-input-fg-required: var(--color-input-fg-required);
  --color-black-input-fg-success: var(--color-feedback-success-fg);
  --color-black-input-fg-value: var(--color-layout-text-title);
  --color-black-input-fg-warning: var(--color-feedback-warning-fg);
  --color-black-input-glow-danger: var(--color-input-glow-danger);
  --color-black-input-glow-info: var(--color-input-glow-info);
  --color-black-input-glow-success: var(--color-input-glow-success);
  --color-black-input-glow-warning: var(--color-input-glow-warning);
  --color-black-input-stroke-danger: var(--color-input-stroke-danger);
  --color-black-input-stroke-default: var(--color-input-stroke-default);
  --color-black-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-black-input-stroke-focus: var(--color-black-text);
  --color-black-input-stroke-hover: var(--color-input-stroke-hover);
  --color-black-input-stroke-info: var(--color-input-stroke-info);
  --color-black-input-stroke-success: var(--color-input-stroke-success);
  --color-black-input-stroke-warning: var(--color-input-stroke-warning);
  --color-black-relief-raised-medium: var(--color-relief-raised-medium);
  --color-black-relief-raised-strong: var(--color-relief-raised-strong);
  --color-black-relief-raised-weak: var(--color-relief-raised-weak);
  --color-black-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-black-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-black-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-black-text-body: var(--color-layout-text-body);
  --color-black-text-caption: var(--color-layout-text-caption);
  --color-black-text-caption-light: var(--color-layout-text-caption-light);
  --color-black-text-disabled: var(--color-layout-text-disabled);
  --color-black-text-selected: var(--color-black-text-pressed);
  --color-black-text-title: var(--color-layout-text-title);
  --color-blue-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-blue-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-blue-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-blue-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-blue-bg-gray-page: var(--color-elevation-gray-page);
  --color-blue-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-blue-feedback-danger-border: var(--color-feedback-danger-border);
  --color-blue-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-blue-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-blue-feedback-info-bg: var(--color-feedback-info-bg);
  --color-blue-feedback-info-border: var(--color-feedback-info-border);
  --color-blue-feedback-info-fg: var(--color-feedback-info-fg);
  --color-blue-feedback-info-fill: var(--color-feedback-info-solid);
  --color-blue-feedback-success-bg: var(--color-feedback-success-bg);
  --color-blue-feedback-success-border: var(--color-feedback-success-border);
  --color-blue-feedback-success-fg: var(--color-feedback-success-fg);
  --color-blue-feedback-success-fill: var(--color-feedback-success-solid);
  --color-blue-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-blue-feedback-warning-border: var(--color-feedback-warning-border);
  --color-blue-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-blue-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-blue-input-bg-default: var(--color-input-bg-default);
  --color-blue-input-bg-disabled: var(--color-input-bg-disabled);
  --color-blue-input-bg-focus: var(--color-input-bg-focus);
  --color-blue-input-bg-hover: var(--color-input-bg-hover);
  --color-blue-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-blue-input-bg-user-light: var(--color-input-bg-user-light);
  --color-blue-input-fg-danger: var(--color-feedback-danger-fg);
  --color-blue-input-fg-disabled: var(--color-layout-text-disabled);
  --color-blue-input-fg-helper: var(--color-input-fg-helper);
  --color-blue-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-blue-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-blue-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-blue-input-fg-icon-focus: var(--color-blue-text);
  --color-blue-input-fg-info: var(--color-feedback-info-fg);
  --color-blue-input-fg-label: var(--color-layout-text-title);
  --color-blue-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-blue-input-fg-required: var(--color-input-fg-required);
  --color-blue-input-fg-success: var(--color-feedback-success-fg);
  --color-blue-input-fg-value: var(--color-layout-text-title);
  --color-blue-input-fg-warning: var(--color-feedback-warning-fg);
  --color-blue-input-glow-danger: var(--color-input-glow-danger);
  --color-blue-input-glow-info: var(--color-input-glow-info);
  --color-blue-input-glow-success: var(--color-input-glow-success);
  --color-blue-input-glow-warning: var(--color-input-glow-warning);
  --color-blue-input-ring-danger: var(--color-input-glow-danger);
  --color-blue-input-ring-focus: var(--color-blue-input-glow-focus);
  --color-blue-input-ring-info: var(--color-input-glow-info);
  --color-blue-input-ring-success: var(--color-input-glow-success);
  --color-blue-input-ring-warning: var(--color-input-glow-warning);
  --color-blue-input-stroke-danger: var(--color-input-stroke-danger);
  --color-blue-input-stroke-default: var(--color-input-stroke-default);
  --color-blue-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-blue-input-stroke-focus: var(--color-blue-text);
  --color-blue-input-stroke-hover: var(--color-input-stroke-hover);
  --color-blue-input-stroke-info: var(--color-input-stroke-info);
  --color-blue-input-stroke-success: var(--color-input-stroke-success);
  --color-blue-input-stroke-warning: var(--color-input-stroke-warning);
  --color-blue-overlay-raised-medium: var(--color-relief-raised-medium);
  --color-blue-overlay-raised-strong: var(--color-relief-raised-strong);
  --color-blue-overlay-raised-weak: var(--color-relief-raised-weak);
  --color-blue-overlay-sunken-medium: var(--color-relief-sunken-medium);
  --color-blue-overlay-sunken-strong: var(--color-relief-sunken-strong);
  --color-blue-overlay-sunken-weak: var(--color-relief-sunken-weak);
  --color-blue-relief-raised-medium: var(--color-relief-raised-medium);
  --color-blue-relief-raised-strong: var(--color-relief-raised-strong);
  --color-blue-relief-raised-weak: var(--color-relief-raised-weak);
  --color-blue-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-blue-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-blue-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-blue-text-body: var(--color-layout-text-body);
  --color-blue-text-caption: var(--color-layout-text-caption);
  --color-blue-text-caption-light: var(--color-layout-text-caption-light);
  --color-blue-text-disabled: var(--color-layout-text-disabled);
  --color-blue-text-selected: var(--color-blue-text-pressed);
  --color-blue-text-title: var(--color-layout-text-title);
  --color-border-default: var(--color-layout-stroke-default);
  --color-border-focus: var(--color-brand-role-input-stroke-focus);
  --color-border-strong: var(--color-layout-stroke-strong);
  --color-border-subtle: var(--color-layout-stroke-subtle);
  --color-brand-default: var(--color-brand-base-default);
  --color-brand-hover: var(--color-brand-base-hover);
  --color-brand-pressed: var(--color-brand-base-pressed);
  --color-brand-role-feedback-danger-bg: var(--color-brand-feedback-danger-bg);
  --color-brand-role-feedback-danger-bg-hover: var(--color-brand-feedback-danger-bg-hover);
  --color-brand-role-feedback-danger-bg-pressed: var(--color-brand-feedback-danger-bg-pressed);
  --color-brand-role-feedback-danger-border: var(--color-brand-feedback-danger-border);
  --color-brand-role-feedback-danger-fg: var(--color-brand-feedback-danger-fg);
  --color-brand-role-feedback-danger-fill: var(--color-brand-feedback-danger-solid);
  --color-brand-role-feedback-danger-fill-hover: var(--color-brand-feedback-danger-solid-hover);
  --color-brand-role-feedback-danger-fill-pressed: var(--color-brand-feedback-danger-solid-pressed);
  --color-brand-role-feedback-info-bg: var(--color-brand-feedback-info-bg);
  --color-brand-role-feedback-info-bg-hover: var(--color-brand-feedback-info-bg-hover);
  --color-brand-role-feedback-info-bg-pressed: var(--color-brand-feedback-info-bg-pressed);
  --color-brand-role-feedback-info-border: var(--color-brand-feedback-info-border);
  --color-brand-role-feedback-info-fg: var(--color-brand-feedback-info-fg);
  --color-brand-role-feedback-info-fill: var(--color-brand-feedback-info-solid);
  --color-brand-role-feedback-info-fill-hover: var(--color-brand-feedback-info-solid-hover);
  --color-brand-role-feedback-info-fill-pressed: var(--color-brand-feedback-info-solid-pressed);
  --color-brand-role-feedback-success-bg: var(--color-brand-feedback-success-bg);
  --color-brand-role-feedback-success-bg-hover: var(--color-brand-feedback-success-bg-hover);
  --color-brand-role-feedback-success-bg-pressed: var(--color-brand-feedback-success-bg-pressed);
  --color-brand-role-feedback-success-border: var(--color-brand-feedback-success-border);
  --color-brand-role-feedback-success-fg: var(--color-brand-feedback-success-fg);
  --color-brand-role-feedback-success-fill: var(--color-brand-feedback-success-solid);
  --color-brand-role-feedback-success-fill-hover: var(--color-brand-feedback-success-solid-hover);
  --color-brand-role-feedback-success-fill-pressed: var(--color-brand-feedback-success-solid-pressed);
  --color-brand-role-feedback-warning-bg: var(--color-brand-feedback-warning-bg);
  --color-brand-role-feedback-warning-bg-hover: var(--color-brand-feedback-warning-bg-hover);
  --color-brand-role-feedback-warning-bg-pressed: var(--color-brand-feedback-warning-bg-pressed);
  --color-brand-role-feedback-warning-border: var(--color-brand-feedback-warning-border);
  --color-brand-role-feedback-warning-fg: var(--color-brand-feedback-warning-fg);
  --color-brand-role-feedback-warning-fill: var(--color-brand-feedback-warning-solid);
  --color-brand-role-feedback-warning-fill-hover: var(--color-brand-feedback-warning-solid-hover);
  --color-brand-role-feedback-warning-fill-pressed: var(--color-brand-feedback-warning-solid-pressed);
  --color-brand-role-fill: var(--color-brand-accessible-solid-default);
  --color-brand-role-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-brand-role-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-brand-role-layout-stroke-default: var(--color-brand-border-default);
  --color-brand-role-layout-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-layout-stroke-subtle: var(--color-brand-border-subtle);
  --color-brand-role-layout-text-default: var(--color-brand-font-title);
  --color-brand-role-layout-text-inverse: var(--color-brand-text-inverse);
  --color-brand-role-layout-text-inverse-muted: var(--color-brand-text-inverse-muted);
  --color-brand-role-layout-text-muted: var(--color-brand-font-body);
  --color-brand-role-layout-text-on-solid: var(--color-brand-font-always-white);
  --color-brand-text-neutral-on-solid: var(--color-brand-font-always-white);
  --color-brand-role-layout-text-on-solid-muted: var(--color-brand-text-neutral-on-solid-muted);
  --color-brand-role-layout-text-subtle: var(--color-brand-font-caption);
  --color-brand-role-table-header-bg-brand: var(--color-brand-accessible-solid-default);
  --color-brand-role-table-text-body: var(--color-layout-text-body);
  --color-brand-role-table-text-header: var(--color-layout-text-title);
  --color-brand-role-table-text-on-brand: var(--color-brand-role-text-on-solid);
  --color-brand-role-text-body: var(--color-brand-font-body);
  --color-brand-role-text-caption: var(--color-brand-font-caption);
  --color-brand-role-text-caption-light: var(--color-brand-font-caption-light);
  --color-brand-role-text-disabled: var(--color-brand-font-disabled);
  --color-brand-role-text-selected: var(--color-brand-role-text-pressed);
  --color-brand-role-text-title: var(--color-brand-font-title);
  --color-brand-text: var(--color-brand-role-text);
  --color-brand-text-active: var(--color-brand-role-text-pressed);
  --color-brand-text-hover: var(--color-brand-role-text-hover);
  --color-button-category-amber-bg: var(--color-amber-subtle);
  --color-button-category-amber-bg-hover: var(--color-amber-subtle-hover);
  --color-button-category-amber-bg-pressed: var(--color-amber-subtle-pressed);
  --color-button-category-amber-fg: var(--color-amber-text);
  --color-button-category-amber-stroke: var(--color-amber-fill);
  --color-button-category-black-bg: var(--color-black-subtle);
  --color-button-category-black-bg-hover: var(--color-black-subtle-hover);
  --color-button-category-black-bg-pressed: var(--color-black-subtle-pressed);
  --color-button-category-black-fg: var(--color-black-text);
  --color-button-category-black-stroke: var(--color-black-fill);
  --color-button-category-brand-bg: var(--color-brand-role-subtle);
  --color-button-category-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-category-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-category-brand-fg: var(--color-brand-role-text);
  --color-button-category-brand-stroke: var(--color-brand-role-text);
  --color-button-category-danger-bg: var(--color-feedback-danger-bg);
  --color-button-category-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-button-category-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-button-category-danger-fg: var(--color-feedback-danger-fg);
  --color-button-category-danger-stroke: var(--color-feedback-danger-border);
  --color-button-category-emerald-bg: var(--color-emerald-subtle);
  --color-button-category-emerald-bg-hover: var(--color-emerald-subtle-hover);
  --color-button-category-emerald-bg-pressed: var(--color-emerald-subtle-pressed);
  --color-button-category-emerald-fg: var(--color-emerald-text);
  --color-button-category-emerald-stroke: var(--color-emerald-fill);
  --color-button-category-gray-bg: var(--color-neutral-button-subtle);
  --color-button-category-gray-bg-hover: var(--color-neutral-button-subtle-hover);
  --color-button-category-gray-bg-pressed: var(--color-neutral-button-subtle-pressed);
  --color-button-category-gray-fg: var(--color-neutral-button-text);
  --color-button-category-gray-stroke: var(--color-neutral-button-stroke);
  --color-button-category-indigo-bg: var(--color-indigo-subtle);
  --color-button-category-indigo-bg-hover: var(--color-indigo-subtle-hover);
  --color-button-category-indigo-bg-pressed: var(--color-indigo-subtle-pressed);
  --color-button-category-indigo-fg: var(--color-indigo-text);
  --color-button-category-indigo-stroke: var(--color-indigo-fill);
  --color-button-category-info-bg: var(--color-feedback-info-bg);
  --color-button-category-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-button-category-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-button-category-info-fg: var(--color-feedback-info-fg);
  --color-button-category-info-stroke: var(--color-feedback-info-border);
  --color-button-category-plum-bg: var(--color-plum-subtle);
  --color-button-category-plum-bg-hover: var(--color-plum-subtle-hover);
  --color-button-category-plum-bg-pressed: var(--color-plum-subtle-pressed);
  --color-button-category-plum-fg: var(--color-plum-text);
  --color-button-category-plum-stroke: var(--color-plum-fill);
  --color-button-category-rose-bg: var(--color-rose-subtle);
  --color-button-category-rose-bg-hover: var(--color-rose-subtle-hover);
  --color-button-category-rose-bg-pressed: var(--color-rose-subtle-pressed);
  --color-button-category-rose-fg: var(--color-rose-text);
  --color-button-category-rose-stroke: var(--color-rose-fill);
  --color-button-category-sky-bg: var(--color-sky-subtle);
  --color-button-category-sky-bg-hover: var(--color-sky-subtle-hover);
  --color-button-category-sky-bg-pressed: var(--color-sky-subtle-pressed);
  --color-button-category-sky-fg: var(--color-sky-text);
  --color-button-category-sky-stroke: var(--color-sky-fill);
  --color-button-category-success-bg: var(--color-feedback-success-bg);
  --color-button-category-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-button-category-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-button-category-success-fg: var(--color-feedback-success-fg);
  --color-button-category-success-stroke: var(--color-feedback-success-border);
  --color-button-category-warning-bg: var(--color-feedback-warning-bg);
  --color-button-category-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-button-category-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-button-category-warning-fg: var(--color-feedback-warning-fg);
  --color-button-category-warning-stroke: var(--color-feedback-warning-border);
  --color-button-category-white-bg: var(--color-white-subtle);
  --color-button-category-white-bg-hover: var(--color-white-subtle-hover);
  --color-button-category-white-bg-pressed: var(--color-white-subtle-pressed);
  --color-button-category-white-fg: var(--color-white-text);
  --color-button-category-white-stroke: var(--color-white-fill);
  --color-button-fill-amber-bg: var(--color-amber-fill);
  --color-button-fill-amber-bg-hover: var(--color-amber-fill-hover);
  --color-button-fill-amber-bg-pressed: var(--color-amber-fill-pressed);
  --color-button-fill-amber-fg: var(--color-layout-text-on-solid);
  --color-button-fill-black-bg: var(--color-black-fill);
  --color-button-fill-black-bg-hover: var(--color-black-fill-hover);
  --color-button-fill-black-bg-pressed: var(--color-black-fill-pressed);
  --color-button-fill-brand-bg: var(--color-brand-accessible-solid-default);
  --color-button-fill-brand-bg-hover: var(--color-brand-accessible-solid-hover);
  --color-button-fill-brand-bg-pressed: var(--color-brand-accessible-solid-pressed);
  --color-button-fill-brand-fg: var(--color-brand-role-text-on-solid);
  --color-button-fill-danger-bg: var(--color-feedback-danger-solid);
  --color-button-fill-danger-bg-hover: var(--color-feedback-danger-solid-hover);
  --color-button-fill-danger-bg-pressed: var(--color-feedback-danger-solid-pressed);
  --color-button-fill-danger-fg: var(--color-layout-text-on-solid);
  --color-button-fill-emerald-bg: var(--color-emerald-fill);
  --color-button-fill-emerald-bg-hover: var(--color-emerald-fill-hover);
  --color-button-fill-emerald-bg-pressed: var(--color-emerald-fill-pressed);
  --color-button-fill-emerald-fg: var(--color-layout-text-on-solid);
  --color-button-fill-gray-bg: var(--color-neutral-button-fill);
  --color-button-fill-gray-bg-hover: var(--color-neutral-button-fill-hover);
  --color-button-fill-gray-bg-pressed: var(--color-neutral-button-fill-pressed);
  --color-button-fill-gray-fg: var(--color-neutral-button-fill-fg);
  --color-button-fill-indigo-bg: var(--color-indigo-fill);
  --color-button-fill-indigo-bg-hover: var(--color-indigo-fill-hover);
  --color-button-fill-indigo-bg-pressed: var(--color-indigo-fill-pressed);
  --color-button-fill-indigo-fg: var(--color-layout-text-on-solid);
  --color-button-fill-info-bg: var(--color-feedback-info-solid);
  --color-button-fill-info-bg-hover: var(--color-feedback-info-solid-hover);
  --color-button-fill-info-bg-pressed: var(--color-feedback-info-solid-pressed);
  --color-button-fill-info-fg: var(--color-layout-text-on-solid);
  --color-button-fill-plum-bg: var(--color-plum-fill);
  --color-button-fill-plum-bg-hover: var(--color-plum-fill-hover);
  --color-button-fill-plum-bg-pressed: var(--color-plum-fill-pressed);
  --color-button-fill-plum-fg: var(--color-layout-text-on-solid);
  --color-button-fill-rose-bg: var(--color-rose-fill);
  --color-button-fill-rose-bg-hover: var(--color-rose-fill-hover);
  --color-button-fill-rose-bg-pressed: var(--color-rose-fill-pressed);
  --color-button-fill-rose-fg: var(--color-layout-text-on-solid);
  --color-button-fill-sky-bg: var(--color-sky-fill);
  --color-button-fill-sky-bg-hover: var(--color-sky-fill-hover);
  --color-button-fill-sky-bg-pressed: var(--color-sky-fill-pressed);
  --color-button-fill-sky-fg: var(--color-layout-text-on-solid);
  --color-button-fill-success-bg: var(--color-feedback-success-solid);
  --color-button-fill-success-bg-hover: var(--color-feedback-success-solid-hover);
  --color-button-fill-success-bg-pressed: var(--color-feedback-success-solid-pressed);
  --color-button-fill-success-fg: var(--color-layout-text-on-solid);
  --color-button-fill-warning-bg: var(--color-feedback-warning-solid);
  --color-button-fill-warning-bg-hover: var(--color-feedback-warning-solid-hover);
  --color-button-fill-warning-bg-pressed: var(--color-feedback-warning-solid-pressed);
  --color-button-fill-warning-fg: var(--color-layout-text-on-solid);
  --color-button-fill-white-bg: var(--color-white-fill);
  --color-button-fill-white-bg-hover: var(--color-white-fill-hover);
  --color-button-fill-white-bg-pressed: var(--color-white-fill-pressed);
  --color-button-fill-white-fg: var(--color-white-text-on-solid);
  --color-button-outline-amber-bg-hover: var(--color-amber-subtle-hover);
  --color-button-outline-amber-bg-pressed: var(--color-amber-subtle-pressed);
  --color-button-outline-amber-fg: var(--color-amber-text);
  --color-button-outline-amber-stroke: var(--color-amber-fill);
  --color-button-outline-black-bg-hover: var(--color-black-subtle-hover);
  --color-button-outline-black-bg-pressed: var(--color-black-subtle-pressed);
  --color-button-outline-black-stroke: var(--color-black-fill);
  --color-button-outline-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-outline-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-outline-brand-fg: var(--color-brand-role-text);
  --color-button-outline-brand-stroke: var(--color-brand-role-text);
  --color-button-outline-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-button-outline-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-button-outline-danger-fg: var(--color-feedback-danger-fg);
  --color-button-outline-danger-stroke: var(--color-feedback-danger-border);
  --color-button-outline-emerald-bg-hover: var(--color-emerald-subtle-hover);
  --color-button-outline-emerald-bg-pressed: var(--color-emerald-subtle-pressed);
  --color-button-outline-emerald-fg: var(--color-emerald-text);
  --color-button-outline-emerald-stroke: var(--color-emerald-fill);
  --color-button-outline-gray-bg-hover: var(--color-neutral-button-subtle-hover);
  --color-button-outline-gray-bg-pressed: var(--color-neutral-button-subtle-pressed);
  --color-button-outline-gray-fg: var(--color-neutral-button-text);
  --color-button-outline-gray-stroke: var(--color-neutral-button-stroke);
  --color-button-outline-indigo-bg-hover: var(--color-indigo-subtle-hover);
  --color-button-outline-indigo-bg-pressed: var(--color-indigo-subtle-pressed);
  --color-button-outline-indigo-fg: var(--color-indigo-text);
  --color-button-outline-indigo-stroke: var(--color-indigo-fill);
  --color-button-outline-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-button-outline-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-button-outline-info-fg: var(--color-feedback-info-fg);
  --color-button-outline-info-stroke: var(--color-feedback-info-border);
  --color-button-outline-plum-bg-hover: var(--color-plum-subtle-hover);
  --color-button-outline-plum-bg-pressed: var(--color-plum-subtle-pressed);
  --color-button-outline-plum-fg: var(--color-plum-text);
  --color-button-outline-plum-stroke: var(--color-plum-fill);
  --color-button-outline-rose-bg-hover: var(--color-rose-subtle-hover);
  --color-button-outline-rose-bg-pressed: var(--color-rose-subtle-pressed);
  --color-button-outline-rose-fg: var(--color-rose-text);
  --color-button-outline-rose-stroke: var(--color-rose-fill);
  --color-button-outline-sky-bg-hover: var(--color-sky-subtle-hover);
  --color-button-outline-sky-bg-pressed: var(--color-sky-subtle-pressed);
  --color-button-outline-sky-fg: var(--color-sky-text);
  --color-button-outline-sky-stroke: var(--color-sky-fill);
  --color-button-outline-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-button-outline-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-button-outline-success-fg: var(--color-feedback-success-fg);
  --color-button-outline-success-stroke: var(--color-feedback-success-border);
  --color-button-outline-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-button-outline-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-button-outline-warning-fg: var(--color-feedback-warning-fg);
  --color-button-outline-warning-stroke: var(--color-feedback-warning-border);
  --color-button-outline-white-bg-hover: var(--color-white-subtle-hover);
  --color-button-outline-white-bg-pressed: var(--color-white-subtle-pressed);
  --color-button-outline-white-fg: var(--color-white-text);
  --color-button-outline-white-stroke: var(--color-white-fill);
  --color-button-subtle-amber-bg: var(--color-amber-subtle);
  --color-button-subtle-amber-bg-hover: var(--color-amber-subtle-hover);
  --color-button-subtle-amber-bg-pressed: var(--color-amber-subtle-pressed);
  --color-button-subtle-amber-fg: var(--color-amber-text);
  --color-button-subtle-black-bg: var(--color-black-subtle);
  --color-button-subtle-black-bg-hover: var(--color-black-subtle-hover);
  --color-button-subtle-black-bg-pressed: var(--color-black-subtle-pressed);
  --color-button-subtle-black-fg: var(--color-black-text);
  --color-button-subtle-brand-bg: var(--color-brand-role-subtle);
  --color-button-subtle-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-subtle-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-subtle-brand-fg: var(--color-brand-role-text);
  --color-button-subtle-danger-bg: var(--color-feedback-danger-bg);
  --color-button-subtle-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-button-subtle-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-button-subtle-danger-fg: var(--color-feedback-danger-fg);
  --color-button-subtle-emerald-bg: var(--color-emerald-subtle);
  --color-button-subtle-emerald-bg-hover: var(--color-emerald-subtle-hover);
  --color-button-subtle-emerald-bg-pressed: var(--color-emerald-subtle-pressed);
  --color-button-subtle-emerald-fg: var(--color-emerald-text);
  --color-button-subtle-gray-bg: var(--color-neutral-button-subtle);
  --color-button-subtle-gray-bg-hover: var(--color-neutral-button-subtle-hover);
  --color-button-subtle-gray-bg-pressed: var(--color-neutral-button-subtle-pressed);
  --color-button-subtle-gray-fg: var(--color-neutral-button-text);
  --color-button-subtle-indigo-bg: var(--color-indigo-subtle);
  --color-button-subtle-indigo-bg-hover: var(--color-indigo-subtle-hover);
  --color-button-subtle-indigo-bg-pressed: var(--color-indigo-subtle-pressed);
  --color-button-subtle-indigo-fg: var(--color-indigo-text);
  --color-button-subtle-info-bg: var(--color-feedback-info-bg);
  --color-button-subtle-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-button-subtle-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-button-subtle-info-fg: var(--color-feedback-info-fg);
  --color-button-subtle-plum-bg: var(--color-plum-subtle);
  --color-button-subtle-plum-bg-hover: var(--color-plum-subtle-hover);
  --color-button-subtle-plum-bg-pressed: var(--color-plum-subtle-pressed);
  --color-button-subtle-plum-fg: var(--color-plum-text);
  --color-button-subtle-rose-bg: var(--color-rose-subtle);
  --color-button-subtle-rose-bg-hover: var(--color-rose-subtle-hover);
  --color-button-subtle-rose-bg-pressed: var(--color-rose-subtle-pressed);
  --color-button-subtle-rose-fg: var(--color-rose-text);
  --color-button-subtle-sky-bg: var(--color-sky-subtle);
  --color-button-subtle-sky-bg-hover: var(--color-sky-subtle-hover);
  --color-button-subtle-sky-bg-pressed: var(--color-sky-subtle-pressed);
  --color-button-subtle-sky-fg: var(--color-sky-text);
  --color-button-subtle-success-bg: var(--color-feedback-success-bg);
  --color-button-subtle-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-button-subtle-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-button-subtle-success-fg: var(--color-feedback-success-fg);
  --color-button-subtle-warning-bg: var(--color-feedback-warning-bg);
  --color-button-subtle-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-button-subtle-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-button-subtle-warning-fg: var(--color-feedback-warning-fg);
  --color-button-subtle-white-bg: var(--color-white-subtle);
  --color-button-subtle-white-bg-hover: var(--color-white-subtle-hover);
  --color-button-subtle-white-bg-pressed: var(--color-white-subtle-pressed);
  --color-button-subtle-white-fg: var(--color-white-text);
  --color-button-text-amber-bg-hover: var(--color-amber-subtle-hover);
  --color-button-text-amber-bg-pressed: var(--color-amber-subtle-pressed);
  --color-button-text-amber-fg: var(--color-amber-text);
  --color-button-text-black-bg-hover: var(--color-black-subtle-hover);
  --color-button-text-black-bg-pressed: var(--color-black-subtle-pressed);
  --color-button-text-black-fg: var(--color-black-text);
  --color-button-text-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-text-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-text-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-fg-hover: var(--color-brand-role-text-hover);
  --color-button-text-brand-fg-pressed: var(--color-brand-role-text-pressed);
  --color-button-text-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-button-text-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-button-text-danger-fg: var(--color-feedback-danger-fg);
  --color-button-text-danger-fg-hover: var(--color-red-700);
  --color-button-text-danger-fg-pressed: var(--color-red-800);
  --color-button-text-emerald-bg-hover: var(--color-emerald-subtle-hover);
  --color-button-text-emerald-bg-pressed: var(--color-emerald-subtle-pressed);
  --color-button-text-emerald-fg: var(--color-emerald-text);
  --color-button-text-gray-bg-hover: var(--color-neutral-button-subtle-hover);
  --color-button-text-gray-bg-pressed: var(--color-neutral-button-subtle-pressed);
  --color-button-text-gray-fg: var(--color-neutral-button-text);
  --color-button-text-indigo-bg-hover: var(--color-indigo-subtle-hover);
  --color-button-text-indigo-bg-pressed: var(--color-indigo-subtle-pressed);
  --color-button-text-indigo-fg: var(--color-indigo-text);
  --color-button-text-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-button-text-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-button-text-info-fg: var(--color-feedback-info-fg);
  --color-button-text-info-fg-hover: var(--color-cyan-700);
  --color-button-text-info-fg-pressed: var(--color-cyan-800);
  --color-button-text-plum-bg-hover: var(--color-plum-subtle-hover);
  --color-button-text-plum-bg-pressed: var(--color-plum-subtle-pressed);
  --color-button-text-plum-fg: var(--color-plum-text);
  --color-button-text-rose-bg-hover: var(--color-rose-subtle-hover);
  --color-button-text-rose-bg-pressed: var(--color-rose-subtle-pressed);
  --color-button-text-rose-fg: var(--color-rose-text);
  --color-button-text-sky-bg-hover: var(--color-sky-subtle-hover);
  --color-button-text-sky-bg-pressed: var(--color-sky-subtle-pressed);
  --color-button-text-sky-fg: var(--color-sky-text);
  --color-button-text-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-button-text-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-button-text-success-fg: var(--color-feedback-success-fg);
  --color-button-text-success-fg-hover: var(--color-green-700);
  --color-button-text-success-fg-pressed: var(--color-green-800);
  --color-button-text-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-button-text-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-button-text-warning-fg: var(--color-feedback-warning-fg);
  --color-button-text-warning-fg-hover: var(--color-orange-700);
  --color-button-text-warning-fg-pressed: var(--color-orange-800);
  --color-button-text-white-bg-hover: var(--color-white-subtle-hover);
  --color-button-text-white-bg-pressed: var(--color-white-subtle-pressed);
  --color-button-text-white-fg: var(--color-white-text);
  --color-coral-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-coral-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-coral-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-coral-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-coral-bg-gray-page: var(--color-elevation-gray-page);
  --color-coral-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-coral-feedback-danger-border: var(--color-feedback-danger-border);
  --color-coral-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-coral-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-coral-feedback-info-bg: var(--color-feedback-info-bg);
  --color-coral-feedback-info-border: var(--color-feedback-info-border);
  --color-coral-feedback-info-fg: var(--color-feedback-info-fg);
  --color-coral-feedback-info-fill: var(--color-feedback-info-solid);
  --color-coral-feedback-success-bg: var(--color-feedback-success-bg);
  --color-coral-feedback-success-border: var(--color-feedback-success-border);
  --color-coral-feedback-success-fg: var(--color-feedback-success-fg);
  --color-coral-feedback-success-fill: var(--color-feedback-success-solid);
  --color-coral-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-coral-feedback-warning-border: var(--color-feedback-warning-border);
  --color-coral-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-coral-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-coral-input-bg-default: var(--color-input-bg-default);
  --color-coral-input-bg-disabled: var(--color-input-bg-disabled);
  --color-coral-input-bg-focus: var(--color-input-bg-focus);
  --color-coral-input-bg-hover: var(--color-input-bg-hover);
  --color-coral-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-coral-input-bg-user-light: var(--color-input-bg-user-light);
  --color-coral-input-fg-danger: var(--color-feedback-danger-fg);
  --color-coral-input-fg-disabled: var(--color-layout-text-disabled);
  --color-coral-input-fg-helper: var(--color-input-fg-helper);
  --color-coral-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-coral-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-coral-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-coral-input-fg-icon-focus: var(--color-coral-text);
  --color-coral-input-fg-info: var(--color-feedback-info-fg);
  --color-coral-input-fg-label: var(--color-layout-text-title);
  --color-coral-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-coral-input-fg-required: var(--color-input-fg-required);
  --color-coral-input-fg-success: var(--color-feedback-success-fg);
  --color-coral-input-fg-value: var(--color-layout-text-title);
  --color-coral-input-fg-warning: var(--color-feedback-warning-fg);
  --color-coral-input-glow-danger: var(--color-input-glow-danger);
  --color-coral-input-glow-info: var(--color-input-glow-info);
  --color-coral-input-glow-success: var(--color-input-glow-success);
  --color-coral-input-glow-warning: var(--color-input-glow-warning);
  --color-coral-input-stroke-danger: var(--color-input-stroke-danger);
  --color-coral-input-stroke-default: var(--color-input-stroke-default);
  --color-coral-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-coral-input-stroke-focus: var(--color-coral-text);
  --color-coral-input-stroke-hover: var(--color-input-stroke-hover);
  --color-coral-input-stroke-info: var(--color-input-stroke-info);
  --color-coral-input-stroke-success: var(--color-input-stroke-success);
  --color-coral-input-stroke-warning: var(--color-input-stroke-warning);
  --color-coral-relief-raised-medium: var(--color-relief-raised-medium);
  --color-coral-relief-raised-strong: var(--color-relief-raised-strong);
  --color-coral-relief-raised-weak: var(--color-relief-raised-weak);
  --color-coral-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-coral-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-coral-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-coral-text-body: var(--color-layout-text-body);
  --color-coral-text-caption: var(--color-layout-text-caption);
  --color-coral-text-caption-light: var(--color-layout-text-caption-light);
  --color-coral-text-disabled: var(--color-layout-text-disabled);
  --color-coral-text-selected: var(--color-coral-text-pressed);
  --color-coral-text-title: var(--color-layout-text-title);
  --color-cyan-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-cyan-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-cyan-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-cyan-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-cyan-bg-gray-page: var(--color-elevation-gray-page);
  --color-cyan-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-cyan-feedback-danger-border: var(--color-feedback-danger-border);
  --color-cyan-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-cyan-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-cyan-feedback-info-bg: var(--color-feedback-info-bg);
  --color-cyan-feedback-info-border: var(--color-feedback-info-border);
  --color-cyan-feedback-info-fg: var(--color-feedback-info-fg);
  --color-cyan-feedback-info-fill: var(--color-feedback-info-solid);
  --color-cyan-feedback-success-bg: var(--color-feedback-success-bg);
  --color-cyan-feedback-success-border: var(--color-feedback-success-border);
  --color-cyan-feedback-success-fg: var(--color-feedback-success-fg);
  --color-cyan-feedback-success-fill: var(--color-feedback-success-solid);
  --color-cyan-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-cyan-feedback-warning-border: var(--color-feedback-warning-border);
  --color-cyan-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-cyan-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-cyan-input-bg-default: var(--color-input-bg-default);
  --color-cyan-input-bg-disabled: var(--color-input-bg-disabled);
  --color-cyan-input-bg-focus: var(--color-input-bg-focus);
  --color-cyan-input-bg-hover: var(--color-input-bg-hover);
  --color-cyan-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-cyan-input-bg-user-light: var(--color-input-bg-user-light);
  --color-cyan-input-fg-danger: var(--color-feedback-danger-fg);
  --color-cyan-input-fg-disabled: var(--color-layout-text-disabled);
  --color-cyan-input-fg-helper: var(--color-input-fg-helper);
  --color-cyan-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-cyan-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-cyan-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-cyan-input-fg-icon-focus: var(--color-cyan-text);
  --color-cyan-input-fg-info: var(--color-feedback-info-fg);
  --color-cyan-input-fg-label: var(--color-layout-text-title);
  --color-cyan-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-cyan-input-fg-required: var(--color-input-fg-required);
  --color-cyan-input-fg-success: var(--color-feedback-success-fg);
  --color-cyan-input-fg-value: var(--color-layout-text-title);
  --color-cyan-input-fg-warning: var(--color-feedback-warning-fg);
  --color-cyan-input-glow-danger: var(--color-input-glow-danger);
  --color-cyan-input-glow-info: var(--color-input-glow-info);
  --color-cyan-input-glow-success: var(--color-input-glow-success);
  --color-cyan-input-glow-warning: var(--color-input-glow-warning);
  --color-cyan-input-stroke-danger: var(--color-input-stroke-danger);
  --color-cyan-input-stroke-default: var(--color-input-stroke-default);
  --color-cyan-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-cyan-input-stroke-focus: var(--color-cyan-text);
  --color-cyan-input-stroke-hover: var(--color-input-stroke-hover);
  --color-cyan-input-stroke-info: var(--color-input-stroke-info);
  --color-cyan-input-stroke-success: var(--color-input-stroke-success);
  --color-cyan-input-stroke-warning: var(--color-input-stroke-warning);
  --color-cyan-relief-raised-medium: var(--color-relief-raised-medium);
  --color-cyan-relief-raised-strong: var(--color-relief-raised-strong);
  --color-cyan-relief-raised-weak: var(--color-relief-raised-weak);
  --color-cyan-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-cyan-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-cyan-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-cyan-text-body: var(--color-layout-text-body);
  --color-cyan-text-caption: var(--color-layout-text-caption);
  --color-cyan-text-caption-light: var(--color-layout-text-caption-light);
  --color-cyan-text-disabled: var(--color-layout-text-disabled);
  --color-cyan-text-selected: var(--color-cyan-text-pressed);
  --color-cyan-text-title: var(--color-layout-text-title);
  --color-emerald-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-emerald-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-emerald-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-emerald-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-emerald-bg-gray-page: var(--color-elevation-gray-page);
  --color-emerald-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-emerald-feedback-danger-border: var(--color-feedback-danger-border);
  --color-emerald-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-emerald-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-emerald-feedback-info-bg: var(--color-feedback-info-bg);
  --color-emerald-feedback-info-border: var(--color-feedback-info-border);
  --color-emerald-feedback-info-fg: var(--color-feedback-info-fg);
  --color-emerald-feedback-info-fill: var(--color-feedback-info-solid);
  --color-emerald-feedback-success-bg: var(--color-feedback-success-bg);
  --color-emerald-feedback-success-border: var(--color-feedback-success-border);
  --color-emerald-feedback-success-fg: var(--color-feedback-success-fg);
  --color-emerald-feedback-success-fill: var(--color-feedback-success-solid);
  --color-emerald-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-emerald-feedback-warning-border: var(--color-feedback-warning-border);
  --color-emerald-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-emerald-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-emerald-input-bg-default: var(--color-input-bg-default);
  --color-emerald-input-bg-disabled: var(--color-input-bg-disabled);
  --color-emerald-input-bg-focus: var(--color-input-bg-focus);
  --color-emerald-input-bg-hover: var(--color-input-bg-hover);
  --color-emerald-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-emerald-input-bg-user-light: var(--color-input-bg-user-light);
  --color-emerald-input-fg-danger: var(--color-feedback-danger-fg);
  --color-emerald-input-fg-disabled: var(--color-layout-text-disabled);
  --color-emerald-input-fg-helper: var(--color-input-fg-helper);
  --color-emerald-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-emerald-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-emerald-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-emerald-input-fg-icon-focus: var(--color-emerald-text);
  --color-emerald-input-fg-info: var(--color-feedback-info-fg);
  --color-emerald-input-fg-label: var(--color-layout-text-title);
  --color-emerald-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-emerald-input-fg-required: var(--color-input-fg-required);
  --color-emerald-input-fg-success: var(--color-feedback-success-fg);
  --color-emerald-input-fg-value: var(--color-layout-text-title);
  --color-emerald-input-fg-warning: var(--color-feedback-warning-fg);
  --color-emerald-input-glow-danger: var(--color-input-glow-danger);
  --color-emerald-input-glow-info: var(--color-input-glow-info);
  --color-emerald-input-glow-success: var(--color-input-glow-success);
  --color-emerald-input-glow-warning: var(--color-input-glow-warning);
  --color-emerald-input-stroke-danger: var(--color-input-stroke-danger);
  --color-emerald-input-stroke-default: var(--color-input-stroke-default);
  --color-emerald-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-emerald-input-stroke-focus: var(--color-emerald-text);
  --color-emerald-input-stroke-hover: var(--color-input-stroke-hover);
  --color-emerald-input-stroke-info: var(--color-input-stroke-info);
  --color-emerald-input-stroke-success: var(--color-input-stroke-success);
  --color-emerald-input-stroke-warning: var(--color-input-stroke-warning);
  --color-emerald-relief-raised-medium: var(--color-relief-raised-medium);
  --color-emerald-relief-raised-strong: var(--color-relief-raised-strong);
  --color-emerald-relief-raised-weak: var(--color-relief-raised-weak);
  --color-emerald-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-emerald-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-emerald-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-emerald-text-body: var(--color-layout-text-body);
  --color-emerald-text-caption: var(--color-layout-text-caption);
  --color-emerald-text-caption-light: var(--color-layout-text-caption-light);
  --color-emerald-text-disabled: var(--color-layout-text-disabled);
  --color-emerald-text-selected: var(--color-emerald-text-pressed);
  --color-emerald-text-title: var(--color-layout-text-title);
  --color-feedback-danger-action-hover: var(--color-feedback-danger-bg-hover);
  --color-feedback-danger-action-press: var(--color-feedback-danger-bg-pressed);
  --color-feedback-danger-action-pressed: var(--color-feedback-danger-bg-pressed);
  --color-feedback-danger-action-solid-hover: var(--color-feedback-danger-solid-hover);
  --color-feedback-danger-action-solid-press: var(--color-feedback-danger-solid-pressed);
  --color-feedback-danger-action-solid-pressed: var(--color-feedback-danger-solid-pressed);
  --color-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-feedback-info-action-hover: var(--color-feedback-info-bg-hover);
  --color-feedback-info-action-press: var(--color-feedback-info-bg-pressed);
  --color-feedback-info-action-pressed: var(--color-feedback-info-bg-pressed);
  --color-feedback-info-action-solid-hover: var(--color-feedback-info-solid-hover);
  --color-feedback-info-action-solid-press: var(--color-feedback-info-solid-pressed);
  --color-feedback-info-action-solid-pressed: var(--color-feedback-info-solid-pressed);
  --color-feedback-info-fill: var(--color-feedback-info-solid);
  --color-feedback-success-action-hover: var(--color-feedback-success-bg-hover);
  --color-feedback-success-action-press: var(--color-feedback-success-bg-pressed);
  --color-feedback-success-action-pressed: var(--color-feedback-success-bg-pressed);
  --color-feedback-success-action-solid-hover: var(--color-feedback-success-solid-hover);
  --color-feedback-success-action-solid-press: var(--color-feedback-success-solid-pressed);
  --color-feedback-success-action-solid-pressed: var(--color-feedback-success-solid-pressed);
  --color-feedback-success-fill: var(--color-feedback-success-solid);
  --color-feedback-warning-action-hover: var(--color-feedback-warning-bg-hover);
  --color-feedback-warning-action-press: var(--color-feedback-warning-bg-pressed);
  --color-feedback-warning-action-pressed: var(--color-feedback-warning-bg-pressed);
  --color-feedback-warning-action-solid-hover: var(--color-feedback-warning-solid-hover);
  --color-feedback-warning-action-solid-press: var(--color-feedback-warning-solid-pressed);
  --color-feedback-warning-action-solid-pressed: var(--color-feedback-warning-solid-pressed);
  --color-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-fg-brand: var(--color-brand-role-text);
  --color-fg-brand-hover: var(--color-brand-role-text-hover);
  --color-fg-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-fg-brand-selected: var(--color-brand-role-text-pressed);
  --color-fg-danger: var(--color-feedback-danger-fg);
  --color-fg-info: var(--color-feedback-info-fg);
  --color-fg-inverse-muted: var(--color-layout-text-on-solid-muted);
  --color-fg-neutral: var(--color-layout-text-title);
  --color-fg-neutral-muted: var(--color-layout-text-body);
  --color-fg-neutral-subtle: var(--color-layout-text-caption);
  --color-fg-on-solid: var(--color-layout-text-on-solid);
  --color-fg-success: var(--color-feedback-success-fg);
  --color-fg-warning: var(--color-feedback-warning-fg);
  --color-green-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-green-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-green-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-green-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-green-bg-gray-page: var(--color-elevation-gray-page);
  --color-green-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-green-feedback-danger-border: var(--color-feedback-danger-border);
  --color-green-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-green-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-green-feedback-info-bg: var(--color-feedback-info-bg);
  --color-green-feedback-info-border: var(--color-feedback-info-border);
  --color-green-feedback-info-fg: var(--color-feedback-info-fg);
  --color-green-feedback-info-fill: var(--color-feedback-info-solid);
  --color-green-feedback-success-bg: var(--color-feedback-success-bg);
  --color-green-feedback-success-border: var(--color-feedback-success-border);
  --color-green-feedback-success-fg: var(--color-feedback-success-fg);
  --color-green-feedback-success-fill: var(--color-feedback-success-solid);
  --color-green-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-green-feedback-warning-border: var(--color-feedback-warning-border);
  --color-green-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-green-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-green-input-bg-default: var(--color-input-bg-default);
  --color-green-input-bg-disabled: var(--color-input-bg-disabled);
  --color-green-input-bg-focus: var(--color-input-bg-focus);
  --color-green-input-bg-hover: var(--color-input-bg-hover);
  --color-green-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-green-input-bg-user-light: var(--color-input-bg-user-light);
  --color-green-input-fg-danger: var(--color-feedback-danger-fg);
  --color-green-input-fg-disabled: var(--color-layout-text-disabled);
  --color-green-input-fg-helper: var(--color-input-fg-helper);
  --color-green-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-green-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-green-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-green-input-fg-icon-focus: var(--color-green-text);
  --color-green-input-fg-info: var(--color-feedback-info-fg);
  --color-green-input-fg-label: var(--color-layout-text-title);
  --color-green-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-green-input-fg-required: var(--color-input-fg-required);
  --color-green-input-fg-success: var(--color-feedback-success-fg);
  --color-green-input-fg-value: var(--color-layout-text-title);
  --color-green-input-fg-warning: var(--color-feedback-warning-fg);
  --color-green-input-glow-danger: var(--color-input-glow-danger);
  --color-green-input-glow-info: var(--color-input-glow-info);
  --color-green-input-glow-success: var(--color-input-glow-success);
  --color-green-input-glow-warning: var(--color-input-glow-warning);
  --color-green-input-stroke-danger: var(--color-input-stroke-danger);
  --color-green-input-stroke-default: var(--color-input-stroke-default);
  --color-green-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-green-input-stroke-focus: var(--color-green-text);
  --color-green-input-stroke-hover: var(--color-input-stroke-hover);
  --color-green-input-stroke-info: var(--color-input-stroke-info);
  --color-green-input-stroke-success: var(--color-input-stroke-success);
  --color-green-input-stroke-warning: var(--color-input-stroke-warning);
  --color-green-relief-raised-medium: var(--color-relief-raised-medium);
  --color-green-relief-raised-strong: var(--color-relief-raised-strong);
  --color-green-relief-raised-weak: var(--color-relief-raised-weak);
  --color-green-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-green-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-green-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-green-text-body: var(--color-layout-text-body);
  --color-green-text-caption: var(--color-layout-text-caption);
  --color-green-text-caption-light: var(--color-layout-text-caption-light);
  --color-green-text-disabled: var(--color-layout-text-disabled);
  --color-green-text-selected: var(--color-green-text-pressed);
  --color-green-text-title: var(--color-layout-text-title);
  --color-indigo-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-indigo-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-indigo-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-indigo-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-indigo-bg-gray-page: var(--color-elevation-gray-page);
  --color-indigo-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-indigo-feedback-danger-border: var(--color-feedback-danger-border);
  --color-indigo-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-indigo-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-indigo-feedback-info-bg: var(--color-feedback-info-bg);
  --color-indigo-feedback-info-border: var(--color-feedback-info-border);
  --color-indigo-feedback-info-fg: var(--color-feedback-info-fg);
  --color-indigo-feedback-info-fill: var(--color-feedback-info-solid);
  --color-indigo-feedback-success-bg: var(--color-feedback-success-bg);
  --color-indigo-feedback-success-border: var(--color-feedback-success-border);
  --color-indigo-feedback-success-fg: var(--color-feedback-success-fg);
  --color-indigo-feedback-success-fill: var(--color-feedback-success-solid);
  --color-indigo-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-indigo-feedback-warning-border: var(--color-feedback-warning-border);
  --color-indigo-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-indigo-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-indigo-input-bg-default: var(--color-input-bg-default);
  --color-indigo-input-bg-disabled: var(--color-input-bg-disabled);
  --color-indigo-input-bg-focus: var(--color-input-bg-focus);
  --color-indigo-input-bg-hover: var(--color-input-bg-hover);
  --color-indigo-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-indigo-input-bg-user-light: var(--color-input-bg-user-light);
  --color-indigo-input-fg-danger: var(--color-feedback-danger-fg);
  --color-indigo-input-fg-disabled: var(--color-layout-text-disabled);
  --color-indigo-input-fg-helper: var(--color-input-fg-helper);
  --color-indigo-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-indigo-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-indigo-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-indigo-input-fg-icon-focus: var(--color-indigo-text);
  --color-indigo-input-fg-info: var(--color-feedback-info-fg);
  --color-indigo-input-fg-label: var(--color-layout-text-title);
  --color-indigo-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-indigo-input-fg-required: var(--color-input-fg-required);
  --color-indigo-input-fg-success: var(--color-feedback-success-fg);
  --color-indigo-input-fg-value: var(--color-layout-text-title);
  --color-indigo-input-fg-warning: var(--color-feedback-warning-fg);
  --color-indigo-input-glow-danger: var(--color-input-glow-danger);
  --color-indigo-input-glow-info: var(--color-input-glow-info);
  --color-indigo-input-glow-success: var(--color-input-glow-success);
  --color-indigo-input-glow-warning: var(--color-input-glow-warning);
  --color-indigo-input-stroke-danger: var(--color-input-stroke-danger);
  --color-indigo-input-stroke-default: var(--color-input-stroke-default);
  --color-indigo-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-indigo-input-stroke-focus: var(--color-indigo-text);
  --color-indigo-input-stroke-hover: var(--color-input-stroke-hover);
  --color-indigo-input-stroke-info: var(--color-input-stroke-info);
  --color-indigo-input-stroke-success: var(--color-input-stroke-success);
  --color-indigo-input-stroke-warning: var(--color-input-stroke-warning);
  --color-indigo-relief-raised-medium: var(--color-relief-raised-medium);
  --color-indigo-relief-raised-strong: var(--color-relief-raised-strong);
  --color-indigo-relief-raised-weak: var(--color-relief-raised-weak);
  --color-indigo-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-indigo-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-indigo-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-indigo-text-body: var(--color-layout-text-body);
  --color-indigo-text-caption: var(--color-layout-text-caption);
  --color-indigo-text-caption-light: var(--color-layout-text-caption-light);
  --color-indigo-text-disabled: var(--color-layout-text-disabled);
  --color-indigo-text-selected: var(--color-indigo-text-pressed);
  --color-indigo-text-title: var(--color-layout-text-title);
  --color-input-fg-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-field-default: var(--color-brand-role-input-bg-default);
  --color-input-field-disabled: var(--color-brand-role-input-bg-disabled);
  --color-input-field-focus: var(--color-brand-role-input-bg-focus);
  --color-input-field-hover: var(--color-brand-role-input-bg-hover);
  --color-input-field-user-dark: var(--color-brand-role-input-bg-user-dark);
  --color-input-field-user-light: var(--color-brand-role-input-bg-user-light);
  --color-input-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-input-icon-action: var(--color-brand-role-input-fg-icon-action);
  --color-input-icon-default: var(--color-brand-role-input-fg-icon-default);
  --color-input-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-input-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-input-text-helper: var(--color-brand-role-input-fg-helper);
  --color-input-text-placeholder: var(--color-brand-role-input-fg-placeholder);
  --color-input-text-required: var(--color-brand-role-input-fg-required);
  --color-lavender-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-lavender-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-lavender-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-lavender-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-lavender-bg-gray-page: var(--color-elevation-gray-page);
  --color-lavender-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-lavender-feedback-danger-border: var(--color-feedback-danger-border);
  --color-lavender-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-lavender-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-lavender-feedback-info-bg: var(--color-feedback-info-bg);
  --color-lavender-feedback-info-border: var(--color-feedback-info-border);
  --color-lavender-feedback-info-fg: var(--color-feedback-info-fg);
  --color-lavender-feedback-info-fill: var(--color-feedback-info-solid);
  --color-lavender-feedback-success-bg: var(--color-feedback-success-bg);
  --color-lavender-feedback-success-border: var(--color-feedback-success-border);
  --color-lavender-feedback-success-fg: var(--color-feedback-success-fg);
  --color-lavender-feedback-success-fill: var(--color-feedback-success-solid);
  --color-lavender-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-lavender-feedback-warning-border: var(--color-feedback-warning-border);
  --color-lavender-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-lavender-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-lavender-input-bg-default: var(--color-input-bg-default);
  --color-lavender-input-bg-disabled: var(--color-input-bg-disabled);
  --color-lavender-input-bg-focus: var(--color-input-bg-focus);
  --color-lavender-input-bg-hover: var(--color-input-bg-hover);
  --color-lavender-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-lavender-input-bg-user-light: var(--color-input-bg-user-light);
  --color-lavender-input-fg-danger: var(--color-feedback-danger-fg);
  --color-lavender-input-fg-disabled: var(--color-layout-text-disabled);
  --color-lavender-input-fg-helper: var(--color-input-fg-helper);
  --color-lavender-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-lavender-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-lavender-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-lavender-input-fg-icon-focus: var(--color-lavender-text);
  --color-lavender-input-fg-info: var(--color-feedback-info-fg);
  --color-lavender-input-fg-label: var(--color-layout-text-title);
  --color-lavender-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-lavender-input-fg-required: var(--color-input-fg-required);
  --color-lavender-input-fg-success: var(--color-feedback-success-fg);
  --color-lavender-input-fg-value: var(--color-layout-text-title);
  --color-lavender-input-fg-warning: var(--color-feedback-warning-fg);
  --color-lavender-input-glow-danger: var(--color-input-glow-danger);
  --color-lavender-input-glow-info: var(--color-input-glow-info);
  --color-lavender-input-glow-success: var(--color-input-glow-success);
  --color-lavender-input-glow-warning: var(--color-input-glow-warning);
  --color-lavender-input-stroke-danger: var(--color-input-stroke-danger);
  --color-lavender-input-stroke-default: var(--color-input-stroke-default);
  --color-lavender-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-lavender-input-stroke-focus: var(--color-lavender-text);
  --color-lavender-input-stroke-hover: var(--color-input-stroke-hover);
  --color-lavender-input-stroke-info: var(--color-input-stroke-info);
  --color-lavender-input-stroke-success: var(--color-input-stroke-success);
  --color-lavender-input-stroke-warning: var(--color-input-stroke-warning);
  --color-lavender-relief-raised-medium: var(--color-relief-raised-medium);
  --color-lavender-relief-raised-strong: var(--color-relief-raised-strong);
  --color-lavender-relief-raised-weak: var(--color-relief-raised-weak);
  --color-lavender-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-lavender-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-lavender-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-lavender-text-body: var(--color-layout-text-body);
  --color-lavender-text-caption: var(--color-layout-text-caption);
  --color-lavender-text-caption-light: var(--color-layout-text-caption-light);
  --color-lavender-text-disabled: var(--color-layout-text-disabled);
  --color-lavender-text-selected: var(--color-lavender-text-pressed);
  --color-lavender-text-title: var(--color-layout-text-title);
  --color-layout-bg-layer-2: var(--color-elevation-gray-layer-2);
  --color-layout-bg-page: var(--color-elevation-gray-page);
  --color-layout-bg-panel: var(--color-elevation-gray-layer-3);
  --color-layout-text-default: var(--color-layout-text-title);
  --color-layout-text-muted: var(--color-layout-text-body);
  --color-layout-text-subtle: var(--color-layout-text-caption);
  --color-lime-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-lime-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-lime-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-lime-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-lime-bg-gray-page: var(--color-elevation-gray-page);
  --color-lime-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-lime-feedback-danger-border: var(--color-feedback-danger-border);
  --color-lime-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-lime-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-lime-feedback-info-bg: var(--color-feedback-info-bg);
  --color-lime-feedback-info-border: var(--color-feedback-info-border);
  --color-lime-feedback-info-fg: var(--color-feedback-info-fg);
  --color-lime-feedback-info-fill: var(--color-feedback-info-solid);
  --color-lime-feedback-success-bg: var(--color-feedback-success-bg);
  --color-lime-feedback-success-border: var(--color-feedback-success-border);
  --color-lime-feedback-success-fg: var(--color-feedback-success-fg);
  --color-lime-feedback-success-fill: var(--color-feedback-success-solid);
  --color-lime-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-lime-feedback-warning-border: var(--color-feedback-warning-border);
  --color-lime-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-lime-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-lime-input-bg-default: var(--color-input-bg-default);
  --color-lime-input-bg-disabled: var(--color-input-bg-disabled);
  --color-lime-input-bg-focus: var(--color-input-bg-focus);
  --color-lime-input-bg-hover: var(--color-input-bg-hover);
  --color-lime-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-lime-input-bg-user-light: var(--color-input-bg-user-light);
  --color-lime-input-fg-danger: var(--color-feedback-danger-fg);
  --color-lime-input-fg-disabled: var(--color-layout-text-disabled);
  --color-lime-input-fg-helper: var(--color-input-fg-helper);
  --color-lime-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-lime-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-lime-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-lime-input-fg-icon-focus: var(--color-lime-text);
  --color-lime-input-fg-info: var(--color-feedback-info-fg);
  --color-lime-input-fg-label: var(--color-layout-text-title);
  --color-lime-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-lime-input-fg-required: var(--color-input-fg-required);
  --color-lime-input-fg-success: var(--color-feedback-success-fg);
  --color-lime-input-fg-value: var(--color-layout-text-title);
  --color-lime-input-fg-warning: var(--color-feedback-warning-fg);
  --color-lime-input-glow-danger: var(--color-input-glow-danger);
  --color-lime-input-glow-info: var(--color-input-glow-info);
  --color-lime-input-glow-success: var(--color-input-glow-success);
  --color-lime-input-glow-warning: var(--color-input-glow-warning);
  --color-lime-input-stroke-danger: var(--color-input-stroke-danger);
  --color-lime-input-stroke-default: var(--color-input-stroke-default);
  --color-lime-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-lime-input-stroke-focus: var(--color-lime-text);
  --color-lime-input-stroke-hover: var(--color-input-stroke-hover);
  --color-lime-input-stroke-info: var(--color-input-stroke-info);
  --color-lime-input-stroke-success: var(--color-input-stroke-success);
  --color-lime-input-stroke-warning: var(--color-input-stroke-warning);
  --color-lime-relief-raised-medium: var(--color-relief-raised-medium);
  --color-lime-relief-raised-strong: var(--color-relief-raised-strong);
  --color-lime-relief-raised-weak: var(--color-relief-raised-weak);
  --color-lime-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-lime-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-lime-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-lime-text-body: var(--color-layout-text-body);
  --color-lime-text-caption: var(--color-layout-text-caption);
  --color-lime-text-caption-light: var(--color-layout-text-caption-light);
  --color-lime-text-disabled: var(--color-layout-text-disabled);
  --color-lime-text-selected: var(--color-lime-text-pressed);
  --color-lime-text-title: var(--color-layout-text-title);
  --color-mustard-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-mustard-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-mustard-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-mustard-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-mustard-bg-gray-page: var(--color-elevation-gray-page);
  --color-mustard-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-mustard-feedback-danger-border: var(--color-feedback-danger-border);
  --color-mustard-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-mustard-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-mustard-feedback-info-bg: var(--color-feedback-info-bg);
  --color-mustard-feedback-info-border: var(--color-feedback-info-border);
  --color-mustard-feedback-info-fg: var(--color-feedback-info-fg);
  --color-mustard-feedback-info-fill: var(--color-feedback-info-solid);
  --color-mustard-feedback-success-bg: var(--color-feedback-success-bg);
  --color-mustard-feedback-success-border: var(--color-feedback-success-border);
  --color-mustard-feedback-success-fg: var(--color-feedback-success-fg);
  --color-mustard-feedback-success-fill: var(--color-feedback-success-solid);
  --color-mustard-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-mustard-feedback-warning-border: var(--color-feedback-warning-border);
  --color-mustard-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-mustard-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-mustard-input-bg-default: var(--color-input-bg-default);
  --color-mustard-input-bg-disabled: var(--color-input-bg-disabled);
  --color-mustard-input-bg-focus: var(--color-input-bg-focus);
  --color-mustard-input-bg-hover: var(--color-input-bg-hover);
  --color-mustard-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-mustard-input-bg-user-light: var(--color-input-bg-user-light);
  --color-mustard-input-fg-danger: var(--color-feedback-danger-fg);
  --color-mustard-input-fg-disabled: var(--color-layout-text-disabled);
  --color-mustard-input-fg-helper: var(--color-input-fg-helper);
  --color-mustard-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-mustard-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-mustard-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-mustard-input-fg-icon-focus: var(--color-mustard-text);
  --color-mustard-input-fg-info: var(--color-feedback-info-fg);
  --color-mustard-input-fg-label: var(--color-layout-text-title);
  --color-mustard-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-mustard-input-fg-required: var(--color-input-fg-required);
  --color-mustard-input-fg-success: var(--color-feedback-success-fg);
  --color-mustard-input-fg-value: var(--color-layout-text-title);
  --color-mustard-input-fg-warning: var(--color-feedback-warning-fg);
  --color-mustard-input-glow-danger: var(--color-input-glow-danger);
  --color-mustard-input-glow-info: var(--color-input-glow-info);
  --color-mustard-input-glow-success: var(--color-input-glow-success);
  --color-mustard-input-glow-warning: var(--color-input-glow-warning);
  --color-mustard-input-stroke-danger: var(--color-input-stroke-danger);
  --color-mustard-input-stroke-default: var(--color-input-stroke-default);
  --color-mustard-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-mustard-input-stroke-focus: var(--color-mustard-text);
  --color-mustard-input-stroke-hover: var(--color-input-stroke-hover);
  --color-mustard-input-stroke-info: var(--color-input-stroke-info);
  --color-mustard-input-stroke-success: var(--color-input-stroke-success);
  --color-mustard-input-stroke-warning: var(--color-input-stroke-warning);
  --color-mustard-relief-raised-medium: var(--color-relief-raised-medium);
  --color-mustard-relief-raised-strong: var(--color-relief-raised-strong);
  --color-mustard-relief-raised-weak: var(--color-relief-raised-weak);
  --color-mustard-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-mustard-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-mustard-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-mustard-text-body: var(--color-layout-text-body);
  --color-mustard-text-caption: var(--color-layout-text-caption);
  --color-mustard-text-caption-light: var(--color-layout-text-caption-light);
  --color-mustard-text-disabled: var(--color-layout-text-disabled);
  --color-mustard-text-selected: var(--color-mustard-text-pressed);
  --color-mustard-text-title: var(--color-layout-text-title);
  --color-navy-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-navy-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-navy-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-navy-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-navy-bg-gray-page: var(--color-elevation-gray-page);
  --color-navy-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-navy-feedback-danger-border: var(--color-feedback-danger-border);
  --color-navy-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-navy-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-navy-feedback-info-bg: var(--color-feedback-info-bg);
  --color-navy-feedback-info-border: var(--color-feedback-info-border);
  --color-navy-feedback-info-fg: var(--color-feedback-info-fg);
  --color-navy-feedback-info-fill: var(--color-feedback-info-solid);
  --color-navy-feedback-success-bg: var(--color-feedback-success-bg);
  --color-navy-feedback-success-border: var(--color-feedback-success-border);
  --color-navy-feedback-success-fg: var(--color-feedback-success-fg);
  --color-navy-feedback-success-fill: var(--color-feedback-success-solid);
  --color-navy-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-navy-feedback-warning-border: var(--color-feedback-warning-border);
  --color-navy-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-navy-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-navy-input-bg-default: var(--color-input-bg-default);
  --color-navy-input-bg-disabled: var(--color-input-bg-disabled);
  --color-navy-input-bg-focus: var(--color-input-bg-focus);
  --color-navy-input-bg-hover: var(--color-input-bg-hover);
  --color-navy-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-navy-input-bg-user-light: var(--color-input-bg-user-light);
  --color-navy-input-fg-danger: var(--color-feedback-danger-fg);
  --color-navy-input-fg-disabled: var(--color-layout-text-disabled);
  --color-navy-input-fg-helper: var(--color-input-fg-helper);
  --color-navy-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-navy-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-navy-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-navy-input-fg-icon-focus: var(--color-navy-text);
  --color-navy-input-fg-info: var(--color-feedback-info-fg);
  --color-navy-input-fg-label: var(--color-layout-text-title);
  --color-navy-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-navy-input-fg-required: var(--color-input-fg-required);
  --color-navy-input-fg-success: var(--color-feedback-success-fg);
  --color-navy-input-fg-value: var(--color-layout-text-title);
  --color-navy-input-fg-warning: var(--color-feedback-warning-fg);
  --color-navy-input-glow-danger: var(--color-input-glow-danger);
  --color-navy-input-glow-info: var(--color-input-glow-info);
  --color-navy-input-glow-success: var(--color-input-glow-success);
  --color-navy-input-glow-warning: var(--color-input-glow-warning);
  --color-navy-input-stroke-danger: var(--color-input-stroke-danger);
  --color-navy-input-stroke-default: var(--color-input-stroke-default);
  --color-navy-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-navy-input-stroke-focus: var(--color-navy-text);
  --color-navy-input-stroke-hover: var(--color-input-stroke-hover);
  --color-navy-input-stroke-info: var(--color-input-stroke-info);
  --color-navy-input-stroke-success: var(--color-input-stroke-success);
  --color-navy-input-stroke-warning: var(--color-input-stroke-warning);
  --color-navy-relief-raised-medium: var(--color-relief-raised-medium);
  --color-navy-relief-raised-strong: var(--color-relief-raised-strong);
  --color-navy-relief-raised-weak: var(--color-relief-raised-weak);
  --color-navy-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-navy-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-navy-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-navy-text-body: var(--color-layout-text-body);
  --color-navy-text-caption: var(--color-layout-text-caption);
  --color-navy-text-caption-light: var(--color-layout-text-caption-light);
  --color-navy-text-disabled: var(--color-layout-text-disabled);
  --color-navy-text-selected: var(--color-navy-text-pressed);
  --color-navy-text-title: var(--color-layout-text-title);
  --color-olive-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-olive-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-olive-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-olive-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-olive-bg-gray-page: var(--color-elevation-gray-page);
  --color-olive-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-olive-feedback-danger-border: var(--color-feedback-danger-border);
  --color-olive-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-olive-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-olive-feedback-info-bg: var(--color-feedback-info-bg);
  --color-olive-feedback-info-border: var(--color-feedback-info-border);
  --color-olive-feedback-info-fg: var(--color-feedback-info-fg);
  --color-olive-feedback-info-fill: var(--color-feedback-info-solid);
  --color-olive-feedback-success-bg: var(--color-feedback-success-bg);
  --color-olive-feedback-success-border: var(--color-feedback-success-border);
  --color-olive-feedback-success-fg: var(--color-feedback-success-fg);
  --color-olive-feedback-success-fill: var(--color-feedback-success-solid);
  --color-olive-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-olive-feedback-warning-border: var(--color-feedback-warning-border);
  --color-olive-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-olive-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-olive-input-bg-default: var(--color-input-bg-default);
  --color-olive-input-bg-disabled: var(--color-input-bg-disabled);
  --color-olive-input-bg-focus: var(--color-input-bg-focus);
  --color-olive-input-bg-hover: var(--color-input-bg-hover);
  --color-olive-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-olive-input-bg-user-light: var(--color-input-bg-user-light);
  --color-olive-input-fg-danger: var(--color-feedback-danger-fg);
  --color-olive-input-fg-disabled: var(--color-layout-text-disabled);
  --color-olive-input-fg-helper: var(--color-input-fg-helper);
  --color-olive-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-olive-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-olive-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-olive-input-fg-icon-focus: var(--color-olive-text);
  --color-olive-input-fg-info: var(--color-feedback-info-fg);
  --color-olive-input-fg-label: var(--color-layout-text-title);
  --color-olive-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-olive-input-fg-required: var(--color-input-fg-required);
  --color-olive-input-fg-success: var(--color-feedback-success-fg);
  --color-olive-input-fg-value: var(--color-layout-text-title);
  --color-olive-input-fg-warning: var(--color-feedback-warning-fg);
  --color-olive-input-glow-danger: var(--color-input-glow-danger);
  --color-olive-input-glow-info: var(--color-input-glow-info);
  --color-olive-input-glow-success: var(--color-input-glow-success);
  --color-olive-input-glow-warning: var(--color-input-glow-warning);
  --color-olive-input-stroke-danger: var(--color-input-stroke-danger);
  --color-olive-input-stroke-default: var(--color-input-stroke-default);
  --color-olive-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-olive-input-stroke-focus: var(--color-olive-text);
  --color-olive-input-stroke-hover: var(--color-input-stroke-hover);
  --color-olive-input-stroke-info: var(--color-input-stroke-info);
  --color-olive-input-stroke-success: var(--color-input-stroke-success);
  --color-olive-input-stroke-warning: var(--color-input-stroke-warning);
  --color-olive-relief-raised-medium: var(--color-relief-raised-medium);
  --color-olive-relief-raised-strong: var(--color-relief-raised-strong);
  --color-olive-relief-raised-weak: var(--color-relief-raised-weak);
  --color-olive-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-olive-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-olive-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-olive-text-body: var(--color-layout-text-body);
  --color-olive-text-caption: var(--color-layout-text-caption);
  --color-olive-text-caption-light: var(--color-layout-text-caption-light);
  --color-olive-text-disabled: var(--color-layout-text-disabled);
  --color-olive-text-selected: var(--color-olive-text-pressed);
  --color-olive-text-title: var(--color-layout-text-title);
  --color-orange-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-orange-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-orange-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-orange-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-orange-bg-gray-page: var(--color-elevation-gray-page);
  --color-orange-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-orange-feedback-danger-border: var(--color-feedback-danger-border);
  --color-orange-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-orange-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-orange-feedback-info-bg: var(--color-feedback-info-bg);
  --color-orange-feedback-info-border: var(--color-feedback-info-border);
  --color-orange-feedback-info-fg: var(--color-feedback-info-fg);
  --color-orange-feedback-info-fill: var(--color-feedback-info-solid);
  --color-orange-feedback-success-bg: var(--color-feedback-success-bg);
  --color-orange-feedback-success-border: var(--color-feedback-success-border);
  --color-orange-feedback-success-fg: var(--color-feedback-success-fg);
  --color-orange-feedback-success-fill: var(--color-feedback-success-solid);
  --color-orange-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-orange-feedback-warning-border: var(--color-feedback-warning-border);
  --color-orange-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-orange-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-orange-input-bg-default: var(--color-input-bg-default);
  --color-orange-input-bg-disabled: var(--color-input-bg-disabled);
  --color-orange-input-bg-focus: var(--color-input-bg-focus);
  --color-orange-input-bg-hover: var(--color-input-bg-hover);
  --color-orange-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-orange-input-bg-user-light: var(--color-input-bg-user-light);
  --color-orange-input-fg-danger: var(--color-feedback-danger-fg);
  --color-orange-input-fg-disabled: var(--color-layout-text-disabled);
  --color-orange-input-fg-helper: var(--color-input-fg-helper);
  --color-orange-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-orange-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-orange-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-orange-input-fg-icon-focus: var(--color-orange-text);
  --color-orange-input-fg-info: var(--color-feedback-info-fg);
  --color-orange-input-fg-label: var(--color-layout-text-title);
  --color-orange-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-orange-input-fg-required: var(--color-input-fg-required);
  --color-orange-input-fg-success: var(--color-feedback-success-fg);
  --color-orange-input-fg-value: var(--color-layout-text-title);
  --color-orange-input-fg-warning: var(--color-feedback-warning-fg);
  --color-orange-input-glow-danger: var(--color-input-glow-danger);
  --color-orange-input-glow-info: var(--color-input-glow-info);
  --color-orange-input-glow-success: var(--color-input-glow-success);
  --color-orange-input-glow-warning: var(--color-input-glow-warning);
  --color-orange-input-stroke-danger: var(--color-input-stroke-danger);
  --color-orange-input-stroke-default: var(--color-input-stroke-default);
  --color-orange-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-orange-input-stroke-focus: var(--color-orange-text);
  --color-orange-input-stroke-hover: var(--color-input-stroke-hover);
  --color-orange-input-stroke-info: var(--color-input-stroke-info);
  --color-orange-input-stroke-success: var(--color-input-stroke-success);
  --color-orange-input-stroke-warning: var(--color-input-stroke-warning);
  --color-orange-relief-raised-medium: var(--color-relief-raised-medium);
  --color-orange-relief-raised-strong: var(--color-relief-raised-strong);
  --color-orange-relief-raised-weak: var(--color-relief-raised-weak);
  --color-orange-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-orange-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-orange-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-orange-text-body: var(--color-layout-text-body);
  --color-orange-text-caption: var(--color-layout-text-caption);
  --color-orange-text-caption-light: var(--color-layout-text-caption-light);
  --color-orange-text-disabled: var(--color-layout-text-disabled);
  --color-orange-text-selected: var(--color-orange-text-pressed);
  --color-orange-text-title: var(--color-layout-text-title);
  --color-overlay-raised-medium: var(--color-relief-raised-medium);
  --color-overlay-raised-strong: var(--color-relief-raised-strong);
  --color-overlay-raised-weak: var(--color-relief-raised-weak);
  --color-overlay-sunken-medium: var(--color-relief-sunken-medium);
  --color-overlay-sunken-strong: var(--color-relief-sunken-strong);
  --color-overlay-sunken-weak: var(--color-relief-sunken-weak);
  --color-plum-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-plum-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-plum-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-plum-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-plum-bg-gray-page: var(--color-elevation-gray-page);
  --color-plum-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-plum-feedback-danger-border: var(--color-feedback-danger-border);
  --color-plum-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-plum-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-plum-feedback-info-bg: var(--color-feedback-info-bg);
  --color-plum-feedback-info-border: var(--color-feedback-info-border);
  --color-plum-feedback-info-fg: var(--color-feedback-info-fg);
  --color-plum-feedback-info-fill: var(--color-feedback-info-solid);
  --color-plum-feedback-success-bg: var(--color-feedback-success-bg);
  --color-plum-feedback-success-border: var(--color-feedback-success-border);
  --color-plum-feedback-success-fg: var(--color-feedback-success-fg);
  --color-plum-feedback-success-fill: var(--color-feedback-success-solid);
  --color-plum-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-plum-feedback-warning-border: var(--color-feedback-warning-border);
  --color-plum-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-plum-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-plum-input-bg-default: var(--color-input-bg-default);
  --color-plum-input-bg-disabled: var(--color-input-bg-disabled);
  --color-plum-input-bg-focus: var(--color-input-bg-focus);
  --color-plum-input-bg-hover: var(--color-input-bg-hover);
  --color-plum-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-plum-input-bg-user-light: var(--color-input-bg-user-light);
  --color-plum-input-fg-danger: var(--color-feedback-danger-fg);
  --color-plum-input-fg-disabled: var(--color-layout-text-disabled);
  --color-plum-input-fg-helper: var(--color-input-fg-helper);
  --color-plum-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-plum-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-plum-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-plum-input-fg-icon-focus: var(--color-plum-text);
  --color-plum-input-fg-info: var(--color-feedback-info-fg);
  --color-plum-input-fg-label: var(--color-layout-text-title);
  --color-plum-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-plum-input-fg-required: var(--color-input-fg-required);
  --color-plum-input-fg-success: var(--color-feedback-success-fg);
  --color-plum-input-fg-value: var(--color-layout-text-title);
  --color-plum-input-fg-warning: var(--color-feedback-warning-fg);
  --color-plum-input-glow-danger: var(--color-input-glow-danger);
  --color-plum-input-glow-info: var(--color-input-glow-info);
  --color-plum-input-glow-success: var(--color-input-glow-success);
  --color-plum-input-glow-warning: var(--color-input-glow-warning);
  --color-plum-input-stroke-danger: var(--color-input-stroke-danger);
  --color-plum-input-stroke-default: var(--color-input-stroke-default);
  --color-plum-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-plum-input-stroke-focus: var(--color-plum-text);
  --color-plum-input-stroke-hover: var(--color-input-stroke-hover);
  --color-plum-input-stroke-info: var(--color-input-stroke-info);
  --color-plum-input-stroke-success: var(--color-input-stroke-success);
  --color-plum-input-stroke-warning: var(--color-input-stroke-warning);
  --color-plum-relief-raised-medium: var(--color-relief-raised-medium);
  --color-plum-relief-raised-strong: var(--color-relief-raised-strong);
  --color-plum-relief-raised-weak: var(--color-relief-raised-weak);
  --color-plum-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-plum-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-plum-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-plum-text-body: var(--color-layout-text-body);
  --color-plum-text-caption: var(--color-layout-text-caption);
  --color-plum-text-caption-light: var(--color-layout-text-caption-light);
  --color-plum-text-disabled: var(--color-layout-text-disabled);
  --color-plum-text-selected: var(--color-plum-text-pressed);
  --color-plum-text-title: var(--color-layout-text-title);
  --color-purple-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-purple-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-purple-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-purple-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-purple-bg-gray-page: var(--color-elevation-gray-page);
  --color-purple-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-purple-feedback-danger-border: var(--color-feedback-danger-border);
  --color-purple-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-purple-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-purple-feedback-info-bg: var(--color-feedback-info-bg);
  --color-purple-feedback-info-border: var(--color-feedback-info-border);
  --color-purple-feedback-info-fg: var(--color-feedback-info-fg);
  --color-purple-feedback-info-fill: var(--color-feedback-info-solid);
  --color-purple-feedback-success-bg: var(--color-feedback-success-bg);
  --color-purple-feedback-success-border: var(--color-feedback-success-border);
  --color-purple-feedback-success-fg: var(--color-feedback-success-fg);
  --color-purple-feedback-success-fill: var(--color-feedback-success-solid);
  --color-purple-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-purple-feedback-warning-border: var(--color-feedback-warning-border);
  --color-purple-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-purple-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-purple-input-bg-default: var(--color-input-bg-default);
  --color-purple-input-bg-disabled: var(--color-input-bg-disabled);
  --color-purple-input-bg-focus: var(--color-input-bg-focus);
  --color-purple-input-bg-hover: var(--color-input-bg-hover);
  --color-purple-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-purple-input-bg-user-light: var(--color-input-bg-user-light);
  --color-purple-input-fg-danger: var(--color-feedback-danger-fg);
  --color-purple-input-fg-disabled: var(--color-layout-text-disabled);
  --color-purple-input-fg-helper: var(--color-input-fg-helper);
  --color-purple-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-purple-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-purple-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-purple-input-fg-icon-focus: var(--color-purple-text);
  --color-purple-input-fg-info: var(--color-feedback-info-fg);
  --color-purple-input-fg-label: var(--color-layout-text-title);
  --color-purple-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-purple-input-fg-required: var(--color-input-fg-required);
  --color-purple-input-fg-success: var(--color-feedback-success-fg);
  --color-purple-input-fg-value: var(--color-layout-text-title);
  --color-purple-input-fg-warning: var(--color-feedback-warning-fg);
  --color-purple-input-glow-danger: var(--color-input-glow-danger);
  --color-purple-input-glow-info: var(--color-input-glow-info);
  --color-purple-input-glow-success: var(--color-input-glow-success);
  --color-purple-input-glow-warning: var(--color-input-glow-warning);
  --color-purple-input-stroke-danger: var(--color-input-stroke-danger);
  --color-purple-input-stroke-default: var(--color-input-stroke-default);
  --color-purple-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-purple-input-stroke-focus: var(--color-purple-text);
  --color-purple-input-stroke-hover: var(--color-input-stroke-hover);
  --color-purple-input-stroke-info: var(--color-input-stroke-info);
  --color-purple-input-stroke-success: var(--color-input-stroke-success);
  --color-purple-input-stroke-warning: var(--color-input-stroke-warning);
  --color-purple-relief-raised-medium: var(--color-relief-raised-medium);
  --color-purple-relief-raised-strong: var(--color-relief-raised-strong);
  --color-purple-relief-raised-weak: var(--color-relief-raised-weak);
  --color-purple-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-purple-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-purple-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-purple-text-body: var(--color-layout-text-body);
  --color-purple-text-caption: var(--color-layout-text-caption);
  --color-purple-text-caption-light: var(--color-layout-text-caption-light);
  --color-purple-text-disabled: var(--color-layout-text-disabled);
  --color-purple-text-selected: var(--color-purple-text-pressed);
  --color-purple-text-title: var(--color-layout-text-title);
  --color-red-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-red-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-red-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-red-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-red-bg-gray-page: var(--color-elevation-gray-page);
  --color-red-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-red-feedback-danger-border: var(--color-feedback-danger-border);
  --color-red-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-red-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-red-feedback-info-bg: var(--color-feedback-info-bg);
  --color-red-feedback-info-border: var(--color-feedback-info-border);
  --color-red-feedback-info-fg: var(--color-feedback-info-fg);
  --color-red-feedback-info-fill: var(--color-feedback-info-solid);
  --color-red-feedback-success-bg: var(--color-feedback-success-bg);
  --color-red-feedback-success-border: var(--color-feedback-success-border);
  --color-red-feedback-success-fg: var(--color-feedback-success-fg);
  --color-red-feedback-success-fill: var(--color-feedback-success-solid);
  --color-red-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-red-feedback-warning-border: var(--color-feedback-warning-border);
  --color-red-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-red-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-red-input-bg-default: var(--color-input-bg-default);
  --color-red-input-bg-disabled: var(--color-input-bg-disabled);
  --color-red-input-bg-focus: var(--color-input-bg-focus);
  --color-red-input-bg-hover: var(--color-input-bg-hover);
  --color-red-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-red-input-bg-user-light: var(--color-input-bg-user-light);
  --color-red-input-fg-danger: var(--color-feedback-danger-fg);
  --color-red-input-fg-disabled: var(--color-layout-text-disabled);
  --color-red-input-fg-helper: var(--color-input-fg-helper);
  --color-red-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-red-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-red-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-red-input-fg-icon-focus: var(--color-red-text);
  --color-red-input-fg-info: var(--color-feedback-info-fg);
  --color-red-input-fg-label: var(--color-layout-text-title);
  --color-red-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-red-input-fg-required: var(--color-input-fg-required);
  --color-red-input-fg-success: var(--color-feedback-success-fg);
  --color-red-input-fg-value: var(--color-layout-text-title);
  --color-red-input-fg-warning: var(--color-feedback-warning-fg);
  --color-red-input-glow-danger: var(--color-input-glow-danger);
  --color-red-input-glow-info: var(--color-input-glow-info);
  --color-red-input-glow-success: var(--color-input-glow-success);
  --color-red-input-glow-warning: var(--color-input-glow-warning);
  --color-red-input-stroke-danger: var(--color-input-stroke-danger);
  --color-red-input-stroke-default: var(--color-input-stroke-default);
  --color-red-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-red-input-stroke-focus: var(--color-red-text);
  --color-red-input-stroke-hover: var(--color-input-stroke-hover);
  --color-red-input-stroke-info: var(--color-input-stroke-info);
  --color-red-input-stroke-success: var(--color-input-stroke-success);
  --color-red-input-stroke-warning: var(--color-input-stroke-warning);
  --color-red-relief-raised-medium: var(--color-relief-raised-medium);
  --color-red-relief-raised-strong: var(--color-relief-raised-strong);
  --color-red-relief-raised-weak: var(--color-relief-raised-weak);
  --color-red-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-red-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-red-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-red-text-body: var(--color-layout-text-body);
  --color-red-text-caption: var(--color-layout-text-caption);
  --color-red-text-caption-light: var(--color-layout-text-caption-light);
  --color-red-text-disabled: var(--color-layout-text-disabled);
  --color-red-text-selected: var(--color-red-text-pressed);
  --color-red-text-title: var(--color-layout-text-title);
  --color-rose-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-rose-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-rose-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-rose-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-rose-bg-gray-page: var(--color-elevation-gray-page);
  --color-rose-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-rose-feedback-danger-border: var(--color-feedback-danger-border);
  --color-rose-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-rose-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-rose-feedback-info-bg: var(--color-feedback-info-bg);
  --color-rose-feedback-info-border: var(--color-feedback-info-border);
  --color-rose-feedback-info-fg: var(--color-feedback-info-fg);
  --color-rose-feedback-info-fill: var(--color-feedback-info-solid);
  --color-rose-feedback-success-bg: var(--color-feedback-success-bg);
  --color-rose-feedback-success-border: var(--color-feedback-success-border);
  --color-rose-feedback-success-fg: var(--color-feedback-success-fg);
  --color-rose-feedback-success-fill: var(--color-feedback-success-solid);
  --color-rose-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-rose-feedback-warning-border: var(--color-feedback-warning-border);
  --color-rose-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-rose-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-rose-input-bg-default: var(--color-input-bg-default);
  --color-rose-input-bg-disabled: var(--color-input-bg-disabled);
  --color-rose-input-bg-focus: var(--color-input-bg-focus);
  --color-rose-input-bg-hover: var(--color-input-bg-hover);
  --color-rose-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-rose-input-bg-user-light: var(--color-input-bg-user-light);
  --color-rose-input-fg-danger: var(--color-feedback-danger-fg);
  --color-rose-input-fg-disabled: var(--color-layout-text-disabled);
  --color-rose-input-fg-helper: var(--color-input-fg-helper);
  --color-rose-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-rose-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-rose-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-rose-input-fg-icon-focus: var(--color-rose-text);
  --color-rose-input-fg-info: var(--color-feedback-info-fg);
  --color-rose-input-fg-label: var(--color-layout-text-title);
  --color-rose-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-rose-input-fg-required: var(--color-input-fg-required);
  --color-rose-input-fg-success: var(--color-feedback-success-fg);
  --color-rose-input-fg-value: var(--color-layout-text-title);
  --color-rose-input-fg-warning: var(--color-feedback-warning-fg);
  --color-rose-input-glow-danger: var(--color-input-glow-danger);
  --color-rose-input-glow-info: var(--color-input-glow-info);
  --color-rose-input-glow-success: var(--color-input-glow-success);
  --color-rose-input-glow-warning: var(--color-input-glow-warning);
  --color-rose-input-stroke-danger: var(--color-input-stroke-danger);
  --color-rose-input-stroke-default: var(--color-input-stroke-default);
  --color-rose-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-rose-input-stroke-focus: var(--color-rose-text);
  --color-rose-input-stroke-hover: var(--color-input-stroke-hover);
  --color-rose-input-stroke-info: var(--color-input-stroke-info);
  --color-rose-input-stroke-success: var(--color-input-stroke-success);
  --color-rose-input-stroke-warning: var(--color-input-stroke-warning);
  --color-rose-relief-raised-medium: var(--color-relief-raised-medium);
  --color-rose-relief-raised-strong: var(--color-relief-raised-strong);
  --color-rose-relief-raised-weak: var(--color-relief-raised-weak);
  --color-rose-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-rose-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-rose-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-rose-text-body: var(--color-layout-text-body);
  --color-rose-text-caption: var(--color-layout-text-caption);
  --color-rose-text-caption-light: var(--color-layout-text-caption-light);
  --color-rose-text-disabled: var(--color-layout-text-disabled);
  --color-rose-text-selected: var(--color-rose-text-pressed);
  --color-rose-text-title: var(--color-layout-text-title);
  --color-selection-bg-selected: var(--color-brand-accessible-solid-default);
  --color-selection-bg-selected-hover: var(--color-brand-accessible-solid-hover);
  --color-sky-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-sky-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-sky-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-sky-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-sky-bg-gray-page: var(--color-elevation-gray-page);
  --color-sky-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-sky-feedback-danger-border: var(--color-feedback-danger-border);
  --color-sky-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-sky-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-sky-feedback-info-bg: var(--color-feedback-info-bg);
  --color-sky-feedback-info-border: var(--color-feedback-info-border);
  --color-sky-feedback-info-fg: var(--color-feedback-info-fg);
  --color-sky-feedback-info-fill: var(--color-feedback-info-solid);
  --color-sky-feedback-success-bg: var(--color-feedback-success-bg);
  --color-sky-feedback-success-border: var(--color-feedback-success-border);
  --color-sky-feedback-success-fg: var(--color-feedback-success-fg);
  --color-sky-feedback-success-fill: var(--color-feedback-success-solid);
  --color-sky-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-sky-feedback-warning-border: var(--color-feedback-warning-border);
  --color-sky-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-sky-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-sky-input-bg-default: var(--color-input-bg-default);
  --color-sky-input-bg-disabled: var(--color-input-bg-disabled);
  --color-sky-input-bg-focus: var(--color-input-bg-focus);
  --color-sky-input-bg-hover: var(--color-input-bg-hover);
  --color-sky-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-sky-input-bg-user-light: var(--color-input-bg-user-light);
  --color-sky-input-fg-danger: var(--color-feedback-danger-fg);
  --color-sky-input-fg-disabled: var(--color-layout-text-disabled);
  --color-sky-input-fg-helper: var(--color-input-fg-helper);
  --color-sky-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-sky-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-sky-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-sky-input-fg-icon-focus: var(--color-sky-text);
  --color-sky-input-fg-info: var(--color-feedback-info-fg);
  --color-sky-input-fg-label: var(--color-layout-text-title);
  --color-sky-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-sky-input-fg-required: var(--color-input-fg-required);
  --color-sky-input-fg-success: var(--color-feedback-success-fg);
  --color-sky-input-fg-value: var(--color-layout-text-title);
  --color-sky-input-fg-warning: var(--color-feedback-warning-fg);
  --color-sky-input-glow-danger: var(--color-input-glow-danger);
  --color-sky-input-glow-info: var(--color-input-glow-info);
  --color-sky-input-glow-success: var(--color-input-glow-success);
  --color-sky-input-glow-warning: var(--color-input-glow-warning);
  --color-sky-input-stroke-danger: var(--color-input-stroke-danger);
  --color-sky-input-stroke-default: var(--color-input-stroke-default);
  --color-sky-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-sky-input-stroke-focus: var(--color-sky-text);
  --color-sky-input-stroke-hover: var(--color-input-stroke-hover);
  --color-sky-input-stroke-info: var(--color-input-stroke-info);
  --color-sky-input-stroke-success: var(--color-input-stroke-success);
  --color-sky-input-stroke-warning: var(--color-input-stroke-warning);
  --color-sky-relief-raised-medium: var(--color-relief-raised-medium);
  --color-sky-relief-raised-strong: var(--color-relief-raised-strong);
  --color-sky-relief-raised-weak: var(--color-relief-raised-weak);
  --color-sky-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-sky-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-sky-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-sky-text-body: var(--color-layout-text-body);
  --color-sky-text-caption: var(--color-layout-text-caption);
  --color-sky-text-caption-light: var(--color-layout-text-caption-light);
  --color-sky-text-disabled: var(--color-layout-text-disabled);
  --color-sky-text-selected: var(--color-sky-text-pressed);
  --color-sky-text-title: var(--color-layout-text-title);
  --color-state-brand-hover: var(--color-brand-role-subtle-hover);
  --color-state-brand-selected: var(--color-brand-a10);
  --color-state-brand-selected-hover: var(--color-brand-a15);
  --color-state-neutral-hover: var(--color-layout-bg-sunken);
  --color-state-neutral-pressed: var(--color-neutral-button-subtle-pressed);
  --color-stroke-brand: var(--color-brand-accessible-solid-default);
  --color-stroke-danger: var(--color-feedback-danger-border);
  --color-stroke-focus-ring: var(--color-brand-role-input-stroke-focus);
  --color-stroke-info: var(--color-feedback-info-border);
  --color-stroke-neutral: var(--color-layout-stroke-default);
  --color-stroke-neutral-strong: var(--color-layout-stroke-strong);
  --color-stroke-neutral-subtle: var(--color-layout-stroke-subtle);
  --color-stroke-success: var(--color-feedback-success-border);
  --color-stroke-warning: var(--color-feedback-warning-border);
  --color-surface-default: var(--color-elevation-gray-page);
  --color-surface-panel: var(--color-elevation-gray-layer-3);
  --color-surface-raised: var(--color-elevation-gray-layer-2);
  --color-surface-sunken: var(--color-layout-bg-sunken);
  --color-teal-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-teal-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-teal-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-teal-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-teal-bg-gray-page: var(--color-elevation-gray-page);
  --color-teal-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-teal-feedback-danger-border: var(--color-feedback-danger-border);
  --color-teal-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-teal-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-teal-feedback-info-bg: var(--color-feedback-info-bg);
  --color-teal-feedback-info-border: var(--color-feedback-info-border);
  --color-teal-feedback-info-fg: var(--color-feedback-info-fg);
  --color-teal-feedback-info-fill: var(--color-feedback-info-solid);
  --color-teal-feedback-success-bg: var(--color-feedback-success-bg);
  --color-teal-feedback-success-border: var(--color-feedback-success-border);
  --color-teal-feedback-success-fg: var(--color-feedback-success-fg);
  --color-teal-feedback-success-fill: var(--color-feedback-success-solid);
  --color-teal-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-teal-feedback-warning-border: var(--color-feedback-warning-border);
  --color-teal-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-teal-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-teal-input-bg-default: var(--color-input-bg-default);
  --color-teal-input-bg-disabled: var(--color-input-bg-disabled);
  --color-teal-input-bg-focus: var(--color-input-bg-focus);
  --color-teal-input-bg-hover: var(--color-input-bg-hover);
  --color-teal-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-teal-input-bg-user-light: var(--color-input-bg-user-light);
  --color-teal-input-fg-danger: var(--color-feedback-danger-fg);
  --color-teal-input-fg-disabled: var(--color-layout-text-disabled);
  --color-teal-input-fg-helper: var(--color-input-fg-helper);
  --color-teal-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-teal-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-teal-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-teal-input-fg-icon-focus: var(--color-teal-text);
  --color-teal-input-fg-info: var(--color-feedback-info-fg);
  --color-teal-input-fg-label: var(--color-layout-text-title);
  --color-teal-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-teal-input-fg-required: var(--color-input-fg-required);
  --color-teal-input-fg-success: var(--color-feedback-success-fg);
  --color-teal-input-fg-value: var(--color-layout-text-title);
  --color-teal-input-fg-warning: var(--color-feedback-warning-fg);
  --color-teal-input-glow-danger: var(--color-input-glow-danger);
  --color-teal-input-glow-info: var(--color-input-glow-info);
  --color-teal-input-glow-success: var(--color-input-glow-success);
  --color-teal-input-glow-warning: var(--color-input-glow-warning);
  --color-teal-input-stroke-danger: var(--color-input-stroke-danger);
  --color-teal-input-stroke-default: var(--color-input-stroke-default);
  --color-teal-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-teal-input-stroke-focus: var(--color-teal-text);
  --color-teal-input-stroke-hover: var(--color-input-stroke-hover);
  --color-teal-input-stroke-info: var(--color-input-stroke-info);
  --color-teal-input-stroke-success: var(--color-input-stroke-success);
  --color-teal-input-stroke-warning: var(--color-input-stroke-warning);
  --color-teal-relief-raised-medium: var(--color-relief-raised-medium);
  --color-teal-relief-raised-strong: var(--color-relief-raised-strong);
  --color-teal-relief-raised-weak: var(--color-relief-raised-weak);
  --color-teal-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-teal-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-teal-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-teal-text-body: var(--color-layout-text-body);
  --color-teal-text-caption: var(--color-layout-text-caption);
  --color-teal-text-caption-light: var(--color-layout-text-caption-light);
  --color-teal-text-disabled: var(--color-layout-text-disabled);
  --color-teal-text-selected: var(--color-teal-text-pressed);
  --color-teal-text-title: var(--color-layout-text-title);
  --color-text-brand: var(--color-brand-role-text);
  --color-text-brand-active: var(--color-brand-role-text-pressed);
  --color-text-brand-hover: var(--color-brand-role-text-hover);
  --color-text-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-text-brand-selected: var(--color-brand-role-text-pressed);
  --color-text-disabled: var(--color-gray-400);
  --color-text-gray-body: var(--color-layout-text-body);
  --color-text-gray-caption: var(--color-layout-text-caption);
  --color-text-gray-disabled: var(--color-gray-400);
  --color-text-gray-title: var(--color-layout-text-title);
  --color-text-on-accent: var(--color-layout-text-on-solid);
  --color-text-primary: var(--color-layout-text-title);
  --color-text-secondary: var(--color-layout-text-body);
  --color-text-secondary-inverse: var(--color-layout-text-on-solid-muted);
  --color-text-tertiary: var(--color-layout-text-caption);
  --color-white-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-white-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-white-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-white-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-white-bg-gray-page: var(--color-elevation-gray-page);
  --color-white-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-white-feedback-danger-border: var(--color-feedback-danger-border);
  --color-white-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-white-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-white-feedback-info-bg: var(--color-feedback-info-bg);
  --color-white-feedback-info-border: var(--color-feedback-info-border);
  --color-white-feedback-info-fg: var(--color-feedback-info-fg);
  --color-white-feedback-info-fill: var(--color-feedback-info-solid);
  --color-white-feedback-success-bg: var(--color-feedback-success-bg);
  --color-white-feedback-success-border: var(--color-feedback-success-border);
  --color-white-feedback-success-fg: var(--color-feedback-success-fg);
  --color-white-feedback-success-fill: var(--color-feedback-success-solid);
  --color-white-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-white-feedback-warning-border: var(--color-feedback-warning-border);
  --color-white-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-white-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-white-input-bg-default: var(--color-input-bg-default);
  --color-white-input-bg-disabled: var(--color-input-bg-disabled);
  --color-white-input-bg-focus: var(--color-input-bg-focus);
  --color-white-input-bg-hover: var(--color-input-bg-hover);
  --color-white-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-white-input-bg-user-light: var(--color-input-bg-user-light);
  --color-white-input-fg-danger: var(--color-feedback-danger-fg);
  --color-white-input-fg-disabled: var(--color-layout-text-disabled);
  --color-white-input-fg-helper: var(--color-input-fg-helper);
  --color-white-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-white-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-white-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-white-input-fg-icon-focus: var(--color-white-text);
  --color-white-input-fg-info: var(--color-feedback-info-fg);
  --color-white-input-fg-label: var(--color-layout-text-title);
  --color-white-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-white-input-fg-required: var(--color-input-fg-required);
  --color-white-input-fg-success: var(--color-feedback-success-fg);
  --color-white-input-fg-value: var(--color-layout-text-title);
  --color-white-input-fg-warning: var(--color-feedback-warning-fg);
  --color-white-input-glow-danger: var(--color-input-glow-danger);
  --color-white-input-glow-info: var(--color-input-glow-info);
  --color-white-input-glow-success: var(--color-input-glow-success);
  --color-white-input-glow-warning: var(--color-input-glow-warning);
  --color-white-input-stroke-danger: var(--color-input-stroke-danger);
  --color-white-input-stroke-default: var(--color-input-stroke-default);
  --color-white-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-white-input-stroke-focus: var(--color-white-text);
  --color-white-input-stroke-hover: var(--color-input-stroke-hover);
  --color-white-input-stroke-info: var(--color-input-stroke-info);
  --color-white-input-stroke-success: var(--color-input-stroke-success);
  --color-white-input-stroke-warning: var(--color-input-stroke-warning);
  --color-white-relief-raised-medium: var(--color-relief-raised-medium);
  --color-white-relief-raised-strong: var(--color-relief-raised-strong);
  --color-white-relief-raised-weak: var(--color-relief-raised-weak);
  --color-white-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-white-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-white-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-white-text-body: var(--color-layout-text-body);
  --color-white-text-caption: var(--color-layout-text-caption);
  --color-white-text-caption-light: var(--color-layout-text-caption-light);
  --color-white-text-disabled: var(--color-layout-text-disabled);
  --color-white-text-selected: var(--color-white-text-pressed);
  --color-white-text-title: var(--color-layout-text-title);
  --color-wine-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-wine-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-wine-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-wine-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-wine-bg-gray-page: var(--color-elevation-gray-page);
  --color-wine-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-wine-feedback-danger-border: var(--color-feedback-danger-border);
  --color-wine-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-wine-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-wine-feedback-info-bg: var(--color-feedback-info-bg);
  --color-wine-feedback-info-border: var(--color-feedback-info-border);
  --color-wine-feedback-info-fg: var(--color-feedback-info-fg);
  --color-wine-feedback-info-fill: var(--color-feedback-info-solid);
  --color-wine-feedback-success-bg: var(--color-feedback-success-bg);
  --color-wine-feedback-success-border: var(--color-feedback-success-border);
  --color-wine-feedback-success-fg: var(--color-feedback-success-fg);
  --color-wine-feedback-success-fill: var(--color-feedback-success-solid);
  --color-wine-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-wine-feedback-warning-border: var(--color-feedback-warning-border);
  --color-wine-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-wine-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-wine-input-bg-default: var(--color-input-bg-default);
  --color-wine-input-bg-disabled: var(--color-input-bg-disabled);
  --color-wine-input-bg-focus: var(--color-input-bg-focus);
  --color-wine-input-bg-hover: var(--color-input-bg-hover);
  --color-wine-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-wine-input-bg-user-light: var(--color-input-bg-user-light);
  --color-wine-input-fg-danger: var(--color-feedback-danger-fg);
  --color-wine-input-fg-disabled: var(--color-layout-text-disabled);
  --color-wine-input-fg-helper: var(--color-input-fg-helper);
  --color-wine-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-wine-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-wine-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-wine-input-fg-icon-focus: var(--color-wine-text);
  --color-wine-input-fg-info: var(--color-feedback-info-fg);
  --color-wine-input-fg-label: var(--color-layout-text-title);
  --color-wine-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-wine-input-fg-required: var(--color-input-fg-required);
  --color-wine-input-fg-success: var(--color-feedback-success-fg);
  --color-wine-input-fg-value: var(--color-layout-text-title);
  --color-wine-input-fg-warning: var(--color-feedback-warning-fg);
  --color-wine-input-glow-danger: var(--color-input-glow-danger);
  --color-wine-input-glow-info: var(--color-input-glow-info);
  --color-wine-input-glow-success: var(--color-input-glow-success);
  --color-wine-input-glow-warning: var(--color-input-glow-warning);
  --color-wine-input-stroke-danger: var(--color-input-stroke-danger);
  --color-wine-input-stroke-default: var(--color-input-stroke-default);
  --color-wine-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-wine-input-stroke-focus: var(--color-wine-text);
  --color-wine-input-stroke-hover: var(--color-input-stroke-hover);
  --color-wine-input-stroke-info: var(--color-input-stroke-info);
  --color-wine-input-stroke-success: var(--color-input-stroke-success);
  --color-wine-input-stroke-warning: var(--color-input-stroke-warning);
  --color-wine-relief-raised-medium: var(--color-relief-raised-medium);
  --color-wine-relief-raised-strong: var(--color-relief-raised-strong);
  --color-wine-relief-raised-weak: var(--color-relief-raised-weak);
  --color-wine-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-wine-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-wine-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-wine-text-body: var(--color-layout-text-body);
  --color-wine-text-caption: var(--color-layout-text-caption);
  --color-wine-text-caption-light: var(--color-layout-text-caption-light);
  --color-wine-text-disabled: var(--color-layout-text-disabled);
  --color-wine-text-selected: var(--color-wine-text-pressed);
  --color-wine-text-title: var(--color-layout-text-title);
  --color-yellow-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-yellow-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-yellow-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-yellow-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-yellow-bg-gray-page: var(--color-elevation-gray-page);
  --color-yellow-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-yellow-feedback-danger-border: var(--color-feedback-danger-border);
  --color-yellow-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-yellow-feedback-danger-fill: var(--color-feedback-danger-solid);
  --color-yellow-feedback-info-bg: var(--color-feedback-info-bg);
  --color-yellow-feedback-info-border: var(--color-feedback-info-border);
  --color-yellow-feedback-info-fg: var(--color-feedback-info-fg);
  --color-yellow-feedback-info-fill: var(--color-feedback-info-solid);
  --color-yellow-feedback-success-bg: var(--color-feedback-success-bg);
  --color-yellow-feedback-success-border: var(--color-feedback-success-border);
  --color-yellow-feedback-success-fg: var(--color-feedback-success-fg);
  --color-yellow-feedback-success-fill: var(--color-feedback-success-solid);
  --color-yellow-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-yellow-feedback-warning-border: var(--color-feedback-warning-border);
  --color-yellow-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-yellow-feedback-warning-fill: var(--color-feedback-warning-solid);
  --color-yellow-input-bg-default: var(--color-input-bg-default);
  --color-yellow-input-bg-disabled: var(--color-input-bg-disabled);
  --color-yellow-input-bg-focus: var(--color-input-bg-focus);
  --color-yellow-input-bg-hover: var(--color-input-bg-hover);
  --color-yellow-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-yellow-input-bg-user-light: var(--color-input-bg-user-light);
  --color-yellow-input-fg-danger: var(--color-feedback-danger-fg);
  --color-yellow-input-fg-disabled: var(--color-layout-text-disabled);
  --color-yellow-input-fg-helper: var(--color-input-fg-helper);
  --color-yellow-input-fg-icon-action: var(--color-input-fg-icon-action);
  --color-yellow-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-yellow-input-fg-icon-disabled: var(--color-layout-text-disabled);
  --color-yellow-input-fg-icon-focus: var(--color-yellow-text);
  --color-yellow-input-fg-info: var(--color-feedback-info-fg);
  --color-yellow-input-fg-label: var(--color-layout-text-title);
  --color-yellow-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-yellow-input-fg-required: var(--color-input-fg-required);
  --color-yellow-input-fg-success: var(--color-feedback-success-fg);
  --color-yellow-input-fg-value: var(--color-layout-text-title);
  --color-yellow-input-fg-warning: var(--color-feedback-warning-fg);
  --color-yellow-input-glow-danger: var(--color-input-glow-danger);
  --color-yellow-input-glow-info: var(--color-input-glow-info);
  --color-yellow-input-glow-success: var(--color-input-glow-success);
  --color-yellow-input-glow-warning: var(--color-input-glow-warning);
  --color-yellow-input-stroke-danger: var(--color-input-stroke-danger);
  --color-yellow-input-stroke-default: var(--color-input-stroke-default);
  --color-yellow-input-stroke-disabled: var(--color-layout-stroke-subtle);
  --color-yellow-input-stroke-focus: var(--color-yellow-text);
  --color-yellow-input-stroke-hover: var(--color-input-stroke-hover);
  --color-yellow-input-stroke-info: var(--color-input-stroke-info);
  --color-yellow-input-stroke-success: var(--color-input-stroke-success);
  --color-yellow-input-stroke-warning: var(--color-input-stroke-warning);
  --color-yellow-relief-raised-medium: var(--color-relief-raised-medium);
  --color-yellow-relief-raised-strong: var(--color-relief-raised-strong);
  --color-yellow-relief-raised-weak: var(--color-relief-raised-weak);
  --color-yellow-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-yellow-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-yellow-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-yellow-text-body: var(--color-layout-text-body);
  --color-yellow-text-caption: var(--color-layout-text-caption);
  --color-yellow-text-caption-light: var(--color-layout-text-caption-light);
  --color-yellow-text-disabled: var(--color-layout-text-disabled);
  --color-yellow-text-selected: var(--color-yellow-text-pressed);
  --color-yellow-text-title: var(--color-layout-text-title);
}


[data-brand="blue"] {
  --color-brand-50: var(--color-blue-50);
  --color-brand-100: var(--color-blue-100);
  --color-brand-150: var(--color-blue-150);
  --color-brand-200: var(--color-blue-200);
  --color-brand-250: var(--color-blue-250);
  --color-brand-300: var(--color-blue-300);
  --color-brand-350: var(--color-blue-350);
  --color-brand-400: var(--color-blue-400);
  --color-brand-450: var(--color-blue-450);
  --color-brand-500: var(--color-blue-500);
  --color-brand-550: var(--color-blue-550);
  --color-brand-600: var(--color-blue-600);
  --color-brand-650: var(--color-blue-650);
  --color-brand-700: var(--color-blue-700);
  --color-brand-750: var(--color-blue-750);
  --color-brand-800: var(--color-blue-800);
  --color-brand-850: var(--color-blue-850);
  --color-brand-900: var(--color-blue-900);
  --color-brand-950: var(--color-blue-950);
  --color-brand-a00: var(--color-blue-a00);
  --color-brand-a03: var(--color-blue-a02);
  --color-brand-a05: var(--color-blue-a05);
  --color-brand-a07: var(--color-blue-a07);
  --color-brand-a10: var(--color-blue-a10);
  --color-brand-a12: var(--color-blue-a12);
  --color-brand-a15: var(--color-blue-a15);
  --color-brand-a20: var(--color-blue-a20);
  --color-brand-a25: var(--color-blue-a25);
  --color-brand-a30: var(--color-blue-a30);
  --color-brand-a35: var(--color-blue-a35);
  --color-brand-a40: var(--color-blue-a40);
  --color-brand-a45: var(--color-blue-a45);
  --color-brand-a50: var(--color-blue-a50);
  --color-brand-accessible-solid-default: var(--color-blue-fill);
  --color-brand-accessible-solid-hover: var(--color-blue-fill-hover);
  --color-brand-accessible-solid-pressed: var(--color-blue-fill-pressed);
  --color-brand-base-default: var(--color-blue-base-default);
  --color-brand-base-hover: var(--color-blue-base-hover);
  --color-brand-base-pressed: var(--color-blue-base-pressed);
  --color-brand-black: var(--color-black-base);
  --color-brand-black-a00: var(--color-black-a00);
  --color-brand-black-a02: var(--color-black-a02);
  --color-brand-black-a03: var(--color-black-a03);
  --color-brand-black-a05: var(--color-black-a05);
  --color-brand-black-a07: var(--color-black-a07);
  --color-brand-black-a10: var(--color-black-a10);
  --color-brand-black-a12: var(--color-black-a12);
  --color-brand-black-a15: var(--color-black-a15);
  --color-brand-black-a20: var(--color-black-a20);
  --color-brand-black-a25: var(--color-black-a25);
  --color-brand-black-a30: var(--color-black-a30);
  --color-brand-black-a35: var(--color-black-a35);
  --color-brand-black-a40: var(--color-black-a40);
  --color-brand-black-a45: var(--color-black-a45);
  --color-brand-black-a50: var(--color-black-a50);
  --color-brand-black-a70: var(--color-black-a70);
  --color-brand-black-bg-layer-2: var(--color-black-bg-layer-2);
  --color-brand-black-bg-layer-3: var(--color-black-bg-layer-3);
  --color-brand-black-bg-layer-4: var(--color-black-bg-layer-4);
  --color-brand-black-bg-layer-5: var(--color-black-bg-layer-5);
  --color-brand-black-bg-page: var(--color-black-bg-page);
  --color-brand-black-fill: var(--color-black-fill);
  --color-brand-black-fill-hover: var(--color-black-fill-hover);
  --color-brand-black-fill-pressed: var(--color-black-fill-pressed);
  --color-brand-black-input-glow-focus: var(--color-black-input-glow-focus);
  --color-brand-black-subtle: var(--color-black-subtle);
  --color-brand-black-subtle-hover: var(--color-black-subtle-hover);
  --color-brand-black-subtle-pressed: var(--color-black-subtle-pressed);
  --color-brand-black-text: var(--color-black-text);
  --color-brand-black-text-hover: var(--color-black-text-hover);
  --color-brand-black-text-on-solid: var(--color-black-text-on-solid);
  --color-brand-black-text-pressed: var(--color-black-text-pressed);
  --color-brand-border-default: var(--color-layout-stroke-default);
  --color-brand-border-strong: var(--color-layout-stroke-strong);
  --color-brand-border-subtle: var(--color-layout-stroke-subtle);
  --color-brand-elevation-1: var(--color-elevation-shadow-1);
  --color-brand-elevation-2: var(--color-elevation-shadow-2);
  --color-brand-elevation-3: var(--color-elevation-shadow-3);
  --color-brand-elevation-4: var(--color-elevation-shadow-4);
  --color-brand-elevation-5: var(--color-elevation-shadow-5);
  --color-brand-elevation-raised: var(--color-elevation-raised);
  --color-brand-elevation-sunken: var(--color-elevation-sunken);
  --color-brand-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-brand-feedback-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-brand-feedback-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-brand-feedback-danger-border: var(--color-feedback-danger-border);
  --color-brand-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-brand-feedback-danger-on-solid: var(--color-feedback-danger-on-solid);
  --color-brand-feedback-danger-solid: var(--color-feedback-danger-solid);
  --color-brand-feedback-danger-solid-hover: var(--color-feedback-danger-solid-hover);
  --color-brand-feedback-danger-solid-pressed: var(--color-feedback-danger-solid-pressed);
  --color-brand-feedback-info-bg: var(--color-feedback-info-bg);
  --color-brand-feedback-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-brand-feedback-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-brand-feedback-info-border: var(--color-feedback-info-border);
  --color-brand-feedback-info-fg: var(--color-feedback-info-fg);
  --color-brand-feedback-info-on-solid: var(--color-feedback-info-on-solid);
  --color-brand-feedback-info-solid: var(--color-feedback-info-solid);
  --color-brand-feedback-info-solid-hover: var(--color-feedback-info-solid-hover);
  --color-brand-feedback-info-solid-pressed: var(--color-feedback-info-solid-pressed);
  --color-brand-feedback-success-bg: var(--color-feedback-success-bg);
  --color-brand-feedback-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-brand-feedback-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-brand-feedback-success-border: var(--color-feedback-success-border);
  --color-brand-feedback-success-fg: var(--color-feedback-success-fg);
  --color-brand-feedback-success-on-solid: var(--color-feedback-success-on-solid);
  --color-brand-feedback-success-solid: var(--color-feedback-success-solid);
  --color-brand-feedback-success-solid-hover: var(--color-feedback-success-solid-hover);
  --color-brand-feedback-success-solid-pressed: var(--color-feedback-success-solid-pressed);
  --color-brand-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-brand-feedback-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-brand-feedback-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-brand-feedback-warning-border: var(--color-feedback-warning-border);
  --color-brand-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-brand-feedback-warning-on-solid: var(--color-feedback-warning-on-solid);
  --color-brand-feedback-warning-solid: var(--color-feedback-warning-solid);
  --color-brand-feedback-warning-solid-hover: var(--color-feedback-warning-solid-hover);
  --color-brand-feedback-warning-solid-pressed: var(--color-feedback-warning-solid-pressed);
  --color-brand-font-always-black: var(--color-layout-text-always-black);
  --color-brand-font-always-white: var(--color-layout-text-always-white);
  --color-brand-font-body: var(--color-layout-text-body);
  --color-brand-font-caption: var(--color-layout-text-caption);
  --color-brand-font-caption-light: var(--color-layout-text-caption-light);
  --color-brand-font-disabled: var(--color-layout-text-disabled);
  --color-brand-font-title: var(--color-layout-text-title);
  --color-brand-glass-contrast-surface: var(--color-glass-contrast-surface);
  --color-brand-glass-middle-surface: var(--color-glass-middle-surface);
  --color-brand-glass-soft-surface: var(--color-glass-soft-surface);
  --color-brand-glass-solid-surface: var(--color-glass-solid-surface);
  --color-brand-glass-strong-surface: var(--color-glass-strong-surface);
  --color-brand-role-bg-dim: var(--color-elevation-dim);
  --color-brand-role-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-brand-role-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-brand-role-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-brand-role-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-brand-role-bg-gray-page: var(--color-elevation-gray-page);
  --color-brand-role-bg-layer-2: var(--color-blue-bg-layer-2);
  --color-brand-role-bg-layer-3: var(--color-blue-bg-layer-3);
  --color-brand-role-bg-layer-4: var(--color-blue-bg-layer-4);
  --color-brand-role-bg-layer-5: var(--color-blue-bg-layer-5);
  --color-brand-role-bg-page: var(--color-blue-bg-page);
  --color-brand-role-bg-system-elevation-1: var(--color-elevation-system-1);
  --color-brand-role-bg-system-elevation-2: var(--color-elevation-system-2);
  --color-brand-role-bg-system-elevation-3: var(--color-elevation-system-3);
  --color-brand-role-bg-system-elevation-4: var(--color-elevation-system-4);
  --color-brand-role-bg-system-elevation-5: var(--color-elevation-system-5);
  --color-brand-role-bg-system-page: var(--color-brand-role-bg-system-elevation-1);
  --color-brand-role-bg-system-search-bar: var(--color-brand-role-bg-system-elevation-2);
  --color-brand-role-bg-system-sidebar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-system-topbar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-user-elevation-1: var(--color-elevation-user-1);
  --color-brand-role-bg-user-elevation-2: var(--color-elevation-user-2);
  --color-brand-role-bg-user-elevation-3: var(--color-elevation-user-3);
  --color-brand-role-bg-user-elevation-4: var(--color-elevation-user-4);
  --color-brand-role-bg-user-elevation-5: var(--color-elevation-user-5);
  --color-brand-role-input-bg-default: var(--color-input-bg-default);
  --color-brand-role-input-bg-disabled: var(--color-input-bg-disabled);
  --color-brand-role-input-bg-focus: var(--color-input-bg-focus);
  --color-brand-role-input-bg-hover: var(--color-input-bg-hover);
  --color-brand-role-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-brand-role-input-bg-user-light: var(--color-input-bg-user-light);
  --color-brand-role-input-fg-danger: var(--color-brand-feedback-danger-fg);
  --color-brand-role-input-fg-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-helper: var(--color-input-fg-helper);
  --color-brand-role-input-fg-icon-action: var(--color-brand-font-body);
  --color-brand-role-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-brand-role-input-fg-icon-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-icon-focus: var(--color-brand-role-text);
  --color-brand-role-input-fg-info: var(--color-brand-feedback-info-fg);
  --color-brand-role-input-fg-label: var(--color-brand-font-title);
  --color-brand-role-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-brand-role-input-fg-required: var(--color-input-fg-required);
  --color-brand-role-input-fg-success: var(--color-brand-feedback-success-fg);
  --color-brand-role-input-fg-value: var(--color-brand-font-title);
  --color-brand-role-input-fg-warning: var(--color-brand-feedback-warning-fg);
  --color-brand-role-input-glow-danger: var(--color-input-glow-danger);
  --color-brand-role-input-glow-focus: var(--color-blue-input-glow-focus);
  --color-brand-role-input-glow-info: var(--color-input-glow-info);
  --color-brand-role-input-glow-success: var(--color-input-glow-success);
  --color-brand-role-input-glow-warning: var(--color-input-glow-warning);
  --color-brand-role-input-select-option-bg-hover: var(--color-input-select-option-bg-hover);
  --color-brand-role-input-stroke-danger: var(--color-input-stroke-danger);
  --color-brand-role-input-stroke-default: var(--color-input-stroke-default);
  --color-brand-role-input-stroke-disabled: var(--color-brand-border-subtle);
  --color-brand-role-input-stroke-focus: var(--color-brand-role-text);
  --color-brand-role-input-stroke-hover: var(--color-input-stroke-hover);
  --color-brand-role-input-stroke-info: var(--color-input-stroke-info);
  --color-brand-role-input-stroke-success: var(--color-input-stroke-success);
  --color-brand-role-input-stroke-warning: var(--color-input-stroke-warning);
  --color-brand-role-relief-raised-medium: var(--color-relief-raised-medium);
  --color-brand-role-relief-raised-strong: var(--color-relief-raised-strong);
  --color-brand-role-relief-raised-weak: var(--color-relief-raised-weak);
  --color-brand-role-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-brand-role-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-brand-role-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-brand-role-subtle: var(--color-blue-subtle);
  --color-brand-role-subtle-hover: var(--color-blue-subtle-hover);
  --color-brand-role-subtle-medium: var(--color-blue-subtle-medium);
  --color-brand-role-subtle-pressed: var(--color-blue-subtle-pressed);
  --color-brand-role-subtle-regular: var(--color-blue-subtle-regular);
  --color-brand-role-subtle-strong: var(--color-blue-subtle-strong);
  --color-brand-role-subtle-weak: var(--color-blue-subtle-weak);
  --color-brand-role-table-bg-default: var(--color-brand-role-bg-gray-page);
  --color-brand-role-table-bg-focus: var(--color-brand-a07);
  --color-brand-role-table-bg-gray: var(--color-layout-table-bg-gray);
  --color-brand-role-table-bg-hover: var(--color-brand-a05);
  --color-brand-role-table-header-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-brand-role-table-header-bg-gray: var(--color-layout-table-header-bg-gray);
  --color-brand-role-table-header-stroke-bottom-black: var(--color-black-base);
  --color-brand-role-table-shadow-brand-end: var(--color-blue-a00);
  --color-brand-role-table-shadow-brand-start: var(--color-blue-a25);
  --color-brand-role-table-shadow-neutral-end: var(--color-gray-a00);
  --color-brand-role-table-shadow-neutral-start: var(--color-gray-a25);
  --color-brand-role-table-stroke-default: var(--color-brand-border-default);
  --color-brand-role-table-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-role-table-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-table-stroke-terminal: var(--color-gray-800);
  --color-brand-role-text: var(--color-blue-text);
  --color-brand-role-text-hover: var(--color-blue-text-hover);
  --color-brand-role-text-on-solid: var(--color-blue-text-on-solid);
  --color-brand-role-text-pressed: var(--color-blue-text-pressed);
  --color-brand-subtle-gray-default: var(--color-layout-subtle-gray-default);
  --color-brand-subtle-gray-hover: var(--color-layout-subtle-gray-hover);
  --color-brand-subtle-gray-medium: var(--color-layout-subtle-gray-medium);
  --color-brand-subtle-gray-pressed: var(--color-layout-subtle-gray-pressed);
  --color-brand-subtle-gray-regular: var(--color-layout-subtle-gray-regular);
  --color-brand-subtle-gray-strong: var(--color-layout-subtle-gray-strong);
  --color-brand-subtle-gray-weak: var(--color-layout-subtle-gray-weak);
  --color-brand-text-inverse: var(--color-layout-text-inverse);
  --color-brand-text-inverse-muted: var(--color-layout-text-inverse-muted);
  --color-brand-text-neutral-on-solid-muted: var(--color-layout-text-on-solid-muted);
  --color-brand-white: var(--color-white-base);
  --color-brand-white-a00: var(--color-white-a00);
  --color-brand-white-a02: var(--color-white-a02);
  --color-brand-white-a03: var(--color-white-a03);
  --color-brand-white-a05: var(--color-white-a05);
  --color-brand-white-a07: var(--color-white-a07);
  --color-brand-white-a10: var(--color-white-a10);
  --color-brand-white-a12: var(--color-white-a12);
  --color-brand-white-a15: var(--color-white-a15);
  --color-brand-white-a20: var(--color-white-a20);
  --color-brand-white-a25: var(--color-white-a25);
  --color-brand-white-a30: var(--color-white-a30);
  --color-brand-white-a35: var(--color-white-a35);
  --color-brand-white-a40: var(--color-white-a40);
  --color-brand-white-a45: var(--color-white-a45);
  --color-brand-white-a50: var(--color-white-a50);
  --color-brand-white-a90: var(--color-white-a90);
  --color-brand-white-a95: var(--color-white-a95);
  --color-brand-white-bg-layer-2: var(--color-white-bg-layer-2);
  --color-brand-white-bg-layer-3: var(--color-white-bg-layer-3);
  --color-brand-white-bg-layer-4: var(--color-white-bg-layer-4);
  --color-brand-white-bg-layer-5: var(--color-white-bg-layer-5);
  --color-brand-white-bg-page: var(--color-white-bg-page);
  --color-brand-white-fill: var(--color-white-fill);
  --color-brand-white-fill-hover: var(--color-white-fill-hover);
  --color-brand-white-fill-pressed: var(--color-white-fill-pressed);
  --color-brand-white-input-glow-focus: var(--color-white-input-glow-focus);
  --color-brand-white-subtle: var(--color-white-subtle);
  --color-brand-white-subtle-hover: var(--color-white-subtle-hover);
  --color-brand-white-subtle-pressed: var(--color-white-subtle-pressed);
  --color-brand-white-text: var(--color-white-text);
  --color-brand-white-text-hover: var(--color-white-text-hover);
  --color-brand-white-text-on-solid: var(--color-white-text-on-solid);
  --color-brand-white-text-pressed: var(--color-white-text-pressed);
  --color-selection-bg-disabled: var(--color-brand-role-input-bg-disabled);
  --color-selection-bg-unselected: var(--color-brand-role-input-bg-default);
  --color-selection-bg-unselected-hover: var(--color-brand-role-input-bg-hover);
  --color-selection-fg-indicator-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-indicator-selected: var(--color-brand-role-text-on-solid);
  --color-selection-fg-indicator-unselected: var(--color-brand-role-input-fg-icon-default);
  --color-selection-fg-label: var(--color-layout-text-title);
  --color-selection-fg-label-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-selected-control: var(--color-brand-role-text);
  --color-selection-fg-selected-control-hover: var(--color-brand-role-text-hover);
  --color-selection-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-selection-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-selection-stroke-unselected: var(--color-brand-role-input-stroke-default);
  --color-selection-stroke-unselected-hover: var(--color-brand-role-input-stroke-hover);
  --color-input-select-option-bg-hover: var(--color-brand-role-subtle);
  --color-input-select-option-panel-stroke: var(--color-brand-role-input-stroke-focus);
  --color-action-brand-border: var(--color-brand-accessible-solid-default);
  --color-action-brand-category-bg: var(--color-brand-role-subtle);
  --color-action-brand-fill: var(--color-brand-accessible-solid-default);
  --color-action-brand-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-action-brand-fill-press: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-text: var(--color-brand-role-text-on-solid);
  --color-action-brand-hover: var(--color-brand-role-subtle-hover);
  --color-action-brand-press: var(--color-brand-role-subtle-pressed);
  --color-action-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-action-brand-subtle: var(--color-brand-role-subtle);
  --color-action-brand-text: var(--color-brand-role-text);
  --color-action-brand-tonal: var(--color-brand-role-subtle);
  --color-action-primary-default: var(--color-brand-accessible-solid-default);
  --color-action-primary-hover: var(--color-brand-accessible-solid-hover);
  --color-action-primary-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-action-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-action-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-category: var(--color-brand-role-subtle);
  --color-bg-brand-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-selected: var(--color-brand-a10);
  --color-bg-brand-selected-hover: var(--color-brand-a15);
  --color-bg-brand-solid: var(--color-brand-accessible-solid-default);
  --color-bg-brand-solid-hover: var(--color-brand-accessible-solid-hover);
  --color-bg-brand-solid-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-bg-brand-tag: var(--color-brand-role-subtle);
  --color-border-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-default: var(--color-brand-base-default);
  --color-brand-hover: var(--color-brand-base-hover);
  --color-brand-pressed: var(--color-brand-base-pressed);
  --color-brand-role-feedback-danger-bg: var(--color-brand-feedback-danger-bg);
  --color-brand-role-feedback-danger-bg-hover: var(--color-brand-feedback-danger-bg-hover);
  --color-brand-role-feedback-danger-bg-pressed: var(--color-brand-feedback-danger-bg-pressed);
  --color-brand-role-feedback-danger-border: var(--color-brand-feedback-danger-border);
  --color-brand-role-feedback-danger-fg: var(--color-brand-feedback-danger-fg);
  --color-brand-role-feedback-danger-fill: var(--color-brand-feedback-danger-solid);
  --color-brand-role-feedback-danger-fill-hover: var(--color-brand-feedback-danger-solid-hover);
  --color-brand-role-feedback-danger-fill-pressed: var(--color-brand-feedback-danger-solid-pressed);
  --color-brand-role-feedback-info-bg: var(--color-brand-feedback-info-bg);
  --color-brand-role-feedback-info-bg-hover: var(--color-brand-feedback-info-bg-hover);
  --color-brand-role-feedback-info-bg-pressed: var(--color-brand-feedback-info-bg-pressed);
  --color-brand-role-feedback-info-border: var(--color-brand-feedback-info-border);
  --color-brand-role-feedback-info-fg: var(--color-brand-feedback-info-fg);
  --color-brand-role-feedback-info-fill: var(--color-brand-feedback-info-solid);
  --color-brand-role-feedback-info-fill-hover: var(--color-brand-feedback-info-solid-hover);
  --color-brand-role-feedback-info-fill-pressed: var(--color-brand-feedback-info-solid-pressed);
  --color-brand-role-feedback-success-bg: var(--color-brand-feedback-success-bg);
  --color-brand-role-feedback-success-bg-hover: var(--color-brand-feedback-success-bg-hover);
  --color-brand-role-feedback-success-bg-pressed: var(--color-brand-feedback-success-bg-pressed);
  --color-brand-role-feedback-success-border: var(--color-brand-feedback-success-border);
  --color-brand-role-feedback-success-fg: var(--color-brand-feedback-success-fg);
  --color-brand-role-feedback-success-fill: var(--color-brand-feedback-success-solid);
  --color-brand-role-feedback-success-fill-hover: var(--color-brand-feedback-success-solid-hover);
  --color-brand-role-feedback-success-fill-pressed: var(--color-brand-feedback-success-solid-pressed);
  --color-brand-role-feedback-warning-bg: var(--color-brand-feedback-warning-bg);
  --color-brand-role-feedback-warning-bg-hover: var(--color-brand-feedback-warning-bg-hover);
  --color-brand-role-feedback-warning-bg-pressed: var(--color-brand-feedback-warning-bg-pressed);
  --color-brand-role-feedback-warning-border: var(--color-brand-feedback-warning-border);
  --color-brand-role-feedback-warning-fg: var(--color-brand-feedback-warning-fg);
  --color-brand-role-feedback-warning-fill: var(--color-brand-feedback-warning-solid);
  --color-brand-role-feedback-warning-fill-hover: var(--color-brand-feedback-warning-solid-hover);
  --color-brand-role-feedback-warning-fill-pressed: var(--color-brand-feedback-warning-solid-pressed);
  --color-brand-role-fill: var(--color-brand-accessible-solid-default);
  --color-brand-role-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-brand-role-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-brand-role-layout-stroke-default: var(--color-brand-border-default);
  --color-brand-role-layout-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-layout-stroke-subtle: var(--color-brand-border-subtle);
  --color-brand-role-layout-text-default: var(--color-brand-font-title);
  --color-brand-role-layout-text-inverse: var(--color-brand-text-inverse);
  --color-brand-role-layout-text-inverse-muted: var(--color-brand-text-inverse-muted);
  --color-brand-role-layout-text-muted: var(--color-brand-font-body);
  --color-brand-role-layout-text-on-solid: var(--color-brand-font-always-white);
  --color-brand-text-neutral-on-solid: var(--color-brand-font-always-white);
  --color-brand-role-layout-text-on-solid-muted: var(--color-brand-text-neutral-on-solid-muted);
  --color-brand-role-layout-text-subtle: var(--color-brand-font-caption);
  --color-brand-role-table-header-bg-brand: var(--color-brand-accessible-solid-default);
  --color-brand-role-table-text-on-brand: var(--color-brand-role-text-on-solid);
  --color-brand-role-text-body: var(--color-brand-font-body);
  --color-brand-role-text-caption: var(--color-brand-font-caption);
  --color-brand-role-text-caption-light: var(--color-brand-font-caption-light);
  --color-brand-role-text-disabled: var(--color-brand-font-disabled);
  --color-brand-role-text-selected: var(--color-brand-role-text-pressed);
  --color-brand-role-text-title: var(--color-brand-font-title);
  --color-brand-text: var(--color-brand-role-text);
  --color-brand-text-active: var(--color-brand-role-text-pressed);
  --color-brand-text-hover: var(--color-brand-role-text-hover);
  --color-button-category-brand-bg: var(--color-brand-role-subtle);
  --color-button-category-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-category-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-category-brand-fg: var(--color-brand-role-text);
  --color-button-category-brand-stroke: var(--color-brand-role-text);
  --color-button-fill-brand-bg: var(--color-brand-accessible-solid-default);
  --color-button-fill-brand-bg-hover: var(--color-brand-accessible-solid-hover);
  --color-button-fill-brand-bg-pressed: var(--color-brand-accessible-solid-pressed);
  --color-button-fill-brand-fg: var(--color-brand-role-text-on-solid);
  --color-button-outline-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-outline-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-outline-brand-fg: var(--color-brand-role-text);
  --color-button-outline-brand-stroke: var(--color-brand-role-text);
  --color-button-subtle-brand-bg: var(--color-brand-role-subtle);
  --color-button-subtle-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-subtle-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-subtle-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-text-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-text-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-fg-hover: var(--color-brand-role-text-hover);
  --color-button-text-brand-fg-pressed: var(--color-brand-role-text-pressed);
  --color-fg-brand: var(--color-brand-role-text);
  --color-fg-brand-hover: var(--color-brand-role-text-hover);
  --color-fg-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-fg-brand-selected: var(--color-brand-role-text-pressed);
  --color-input-fg-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-field-default: var(--color-brand-role-input-bg-default);
  --color-input-field-disabled: var(--color-brand-role-input-bg-disabled);
  --color-input-field-focus: var(--color-brand-role-input-bg-focus);
  --color-input-field-hover: var(--color-brand-role-input-bg-hover);
  --color-input-field-user-dark: var(--color-brand-role-input-bg-user-dark);
  --color-input-field-user-light: var(--color-brand-role-input-bg-user-light);
  --color-input-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-input-icon-action: var(--color-brand-role-input-fg-icon-action);
  --color-input-icon-default: var(--color-brand-role-input-fg-icon-default);
  --color-input-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-input-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-input-text-helper: var(--color-brand-role-input-fg-helper);
  --color-input-text-placeholder: var(--color-brand-role-input-fg-placeholder);
  --color-input-text-required: var(--color-brand-role-input-fg-required);
  --color-selection-bg-selected: var(--color-brand-accessible-solid-default);
  --color-selection-bg-selected-hover: var(--color-brand-accessible-solid-hover);
  --color-state-brand-hover: var(--color-brand-role-subtle-hover);
  --color-state-brand-selected: var(--color-brand-a10);
  --color-state-brand-selected-hover: var(--color-brand-a15);
  --color-stroke-brand: var(--color-brand-accessible-solid-default);
  --color-stroke-focus-ring: var(--color-brand-role-input-stroke-focus);
  --color-text-brand: var(--color-brand-role-text);
  --color-text-brand-active: var(--color-brand-role-text-pressed);
  --color-text-brand-hover: var(--color-brand-role-text-hover);
  --color-text-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-text-brand-selected: var(--color-brand-role-text-pressed);
}


[data-brand="blue"][data-theme="light"] {
  --color-brand-50: var(--color-blue-50);
  --color-brand-100: var(--color-blue-100);
  --color-brand-150: var(--color-blue-150);
  --color-brand-200: var(--color-blue-200);
  --color-brand-250: var(--color-blue-250);
  --color-brand-300: var(--color-blue-300);
  --color-brand-350: var(--color-blue-350);
  --color-brand-400: var(--color-blue-400);
  --color-brand-450: var(--color-blue-450);
  --color-brand-500: var(--color-blue-500);
  --color-brand-550: var(--color-blue-550);
  --color-brand-600: var(--color-blue-600);
  --color-brand-650: var(--color-blue-650);
  --color-brand-700: var(--color-blue-700);
  --color-brand-750: var(--color-blue-750);
  --color-brand-800: var(--color-blue-800);
  --color-brand-850: var(--color-blue-850);
  --color-brand-900: var(--color-blue-900);
  --color-brand-950: var(--color-blue-950);
  --color-brand-a00: var(--color-blue-a00);
  --color-brand-a03: var(--color-blue-a02);
  --color-brand-a05: var(--color-blue-a05);
  --color-brand-a07: var(--color-blue-a07);
  --color-brand-a10: var(--color-blue-a10);
  --color-brand-a12: var(--color-blue-a12);
  --color-brand-a15: var(--color-blue-a15);
  --color-brand-a20: var(--color-blue-a20);
  --color-brand-a25: var(--color-blue-a25);
  --color-brand-a30: var(--color-blue-a30);
  --color-brand-a35: var(--color-blue-a35);
  --color-brand-a40: var(--color-blue-a40);
  --color-brand-a45: var(--color-blue-a45);
  --color-brand-a50: var(--color-blue-a50);
  --color-brand-accessible-solid-default: var(--color-blue-fill);
  --color-brand-accessible-solid-hover: var(--color-blue-fill-hover);
  --color-brand-accessible-solid-pressed: var(--color-blue-fill-pressed);
  --color-brand-base-default: var(--color-blue-base-default);
  --color-brand-base-hover: var(--color-blue-base-hover);
  --color-brand-base-pressed: var(--color-blue-base-pressed);
  --color-brand-black: var(--color-black-base);
  --color-brand-black-a00: var(--color-black-a00);
  --color-brand-black-a02: var(--color-black-a02);
  --color-brand-black-a03: var(--color-black-a03);
  --color-brand-black-a05: var(--color-black-a05);
  --color-brand-black-a07: var(--color-black-a07);
  --color-brand-black-a10: var(--color-black-a10);
  --color-brand-black-a12: var(--color-black-a12);
  --color-brand-black-a15: var(--color-black-a15);
  --color-brand-black-a20: var(--color-black-a20);
  --color-brand-black-a25: var(--color-black-a25);
  --color-brand-black-a30: var(--color-black-a30);
  --color-brand-black-a35: var(--color-black-a35);
  --color-brand-black-a40: var(--color-black-a40);
  --color-brand-black-a45: var(--color-black-a45);
  --color-brand-black-a50: var(--color-black-a50);
  --color-brand-black-a70: var(--color-black-a70);
  --color-brand-black-bg-layer-2: var(--color-black-bg-layer-2);
  --color-brand-black-bg-layer-3: var(--color-black-bg-layer-3);
  --color-brand-black-bg-layer-4: var(--color-black-bg-layer-4);
  --color-brand-black-bg-layer-5: var(--color-black-bg-layer-5);
  --color-brand-black-bg-page: var(--color-black-bg-page);
  --color-brand-black-fill: var(--color-black-fill);
  --color-brand-black-fill-hover: var(--color-black-fill-hover);
  --color-brand-black-fill-pressed: var(--color-black-fill-pressed);
  --color-brand-black-input-glow-focus: var(--color-black-input-glow-focus);
  --color-brand-black-subtle: var(--color-black-subtle);
  --color-brand-black-subtle-hover: var(--color-black-subtle-hover);
  --color-brand-black-subtle-pressed: var(--color-black-subtle-pressed);
  --color-brand-black-text: var(--color-black-text);
  --color-brand-black-text-hover: var(--color-black-text-hover);
  --color-brand-black-text-on-solid: var(--color-black-text-on-solid);
  --color-brand-black-text-pressed: var(--color-black-text-pressed);
  --color-brand-border-default: var(--color-layout-stroke-default);
  --color-brand-border-strong: var(--color-layout-stroke-strong);
  --color-brand-border-subtle: var(--color-layout-stroke-subtle);
  --color-brand-elevation-1: var(--color-elevation-shadow-1);
  --color-brand-elevation-2: var(--color-elevation-shadow-2);
  --color-brand-elevation-3: var(--color-elevation-shadow-3);
  --color-brand-elevation-4: var(--color-elevation-shadow-4);
  --color-brand-elevation-5: var(--color-elevation-shadow-5);
  --color-brand-elevation-raised: var(--color-elevation-raised);
  --color-brand-elevation-sunken: var(--color-elevation-sunken);
  --color-brand-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-brand-feedback-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-brand-feedback-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-brand-feedback-danger-border: var(--color-feedback-danger-border);
  --color-brand-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-brand-feedback-danger-on-solid: var(--color-feedback-danger-on-solid);
  --color-brand-feedback-danger-solid: var(--color-feedback-danger-solid);
  --color-brand-feedback-danger-solid-hover: var(--color-feedback-danger-solid-hover);
  --color-brand-feedback-danger-solid-pressed: var(--color-feedback-danger-solid-pressed);
  --color-brand-feedback-info-bg: var(--color-feedback-info-bg);
  --color-brand-feedback-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-brand-feedback-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-brand-feedback-info-border: var(--color-feedback-info-border);
  --color-brand-feedback-info-fg: var(--color-feedback-info-fg);
  --color-brand-feedback-info-on-solid: var(--color-feedback-info-on-solid);
  --color-brand-feedback-info-solid: var(--color-feedback-info-solid);
  --color-brand-feedback-info-solid-hover: var(--color-feedback-info-solid-hover);
  --color-brand-feedback-info-solid-pressed: var(--color-feedback-info-solid-pressed);
  --color-brand-feedback-success-bg: var(--color-feedback-success-bg);
  --color-brand-feedback-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-brand-feedback-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-brand-feedback-success-border: var(--color-feedback-success-border);
  --color-brand-feedback-success-fg: var(--color-feedback-success-fg);
  --color-brand-feedback-success-on-solid: var(--color-feedback-success-on-solid);
  --color-brand-feedback-success-solid: var(--color-feedback-success-solid);
  --color-brand-feedback-success-solid-hover: var(--color-feedback-success-solid-hover);
  --color-brand-feedback-success-solid-pressed: var(--color-feedback-success-solid-pressed);
  --color-brand-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-brand-feedback-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-brand-feedback-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-brand-feedback-warning-border: var(--color-feedback-warning-border);
  --color-brand-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-brand-feedback-warning-on-solid: var(--color-feedback-warning-on-solid);
  --color-brand-feedback-warning-solid: var(--color-feedback-warning-solid);
  --color-brand-feedback-warning-solid-hover: var(--color-feedback-warning-solid-hover);
  --color-brand-feedback-warning-solid-pressed: var(--color-feedback-warning-solid-pressed);
  --color-brand-font-always-black: var(--color-layout-text-always-black);
  --color-brand-font-always-white: var(--color-layout-text-always-white);
  --color-brand-font-body: var(--color-layout-text-body);
  --color-brand-font-caption: var(--color-layout-text-caption);
  --color-brand-font-caption-light: var(--color-layout-text-caption-light);
  --color-brand-font-disabled: var(--color-layout-text-disabled);
  --color-brand-font-title: var(--color-layout-text-title);
  --color-brand-glass-contrast-surface: var(--color-glass-contrast-surface);
  --color-brand-glass-middle-surface: var(--color-glass-middle-surface);
  --color-brand-glass-soft-surface: var(--color-glass-soft-surface);
  --color-brand-glass-solid-surface: var(--color-glass-solid-surface);
  --color-brand-glass-strong-surface: var(--color-glass-strong-surface);
  --color-brand-role-bg-dim: var(--color-elevation-dim);
  --color-brand-role-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-brand-role-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-brand-role-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-brand-role-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-brand-role-bg-gray-page: var(--color-elevation-gray-page);
  --color-brand-role-bg-layer-2: var(--color-blue-bg-layer-2);
  --color-brand-role-bg-layer-3: var(--color-blue-bg-layer-3);
  --color-brand-role-bg-layer-4: var(--color-blue-bg-layer-4);
  --color-brand-role-bg-layer-5: var(--color-blue-bg-layer-5);
  --color-brand-role-bg-page: var(--color-blue-bg-page);
  --color-brand-role-bg-system-elevation-1: var(--color-elevation-system-1);
  --color-brand-role-bg-system-elevation-2: var(--color-elevation-system-2);
  --color-brand-role-bg-system-elevation-3: var(--color-elevation-system-3);
  --color-brand-role-bg-system-elevation-4: var(--color-elevation-system-4);
  --color-brand-role-bg-system-elevation-5: var(--color-elevation-system-5);
  --color-brand-role-bg-system-page: var(--color-brand-role-bg-system-elevation-1);
  --color-brand-role-bg-system-search-bar: var(--color-brand-role-bg-system-elevation-2);
  --color-brand-role-bg-system-sidebar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-system-topbar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-user-elevation-1: var(--color-elevation-user-1);
  --color-brand-role-bg-user-elevation-2: var(--color-elevation-user-2);
  --color-brand-role-bg-user-elevation-3: var(--color-elevation-user-3);
  --color-brand-role-bg-user-elevation-4: var(--color-elevation-user-4);
  --color-brand-role-bg-user-elevation-5: var(--color-elevation-user-5);
  --color-brand-role-input-bg-default: var(--color-input-bg-default);
  --color-brand-role-input-bg-disabled: var(--color-input-bg-disabled);
  --color-brand-role-input-bg-focus: var(--color-input-bg-focus);
  --color-brand-role-input-bg-hover: var(--color-input-bg-hover);
  --color-brand-role-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-brand-role-input-bg-user-light: var(--color-input-bg-user-light);
  --color-brand-role-input-fg-danger: var(--color-brand-feedback-danger-fg);
  --color-brand-role-input-fg-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-helper: var(--color-input-fg-helper);
  --color-brand-role-input-fg-icon-action: var(--color-brand-font-body);
  --color-brand-role-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-brand-role-input-fg-icon-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-icon-focus: var(--color-brand-role-text);
  --color-brand-role-input-fg-info: var(--color-brand-feedback-info-fg);
  --color-brand-role-input-fg-label: var(--color-brand-font-title);
  --color-brand-role-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-brand-role-input-fg-required: var(--color-input-fg-required);
  --color-brand-role-input-fg-success: var(--color-brand-feedback-success-fg);
  --color-brand-role-input-fg-value: var(--color-brand-font-title);
  --color-brand-role-input-fg-warning: var(--color-brand-feedback-warning-fg);
  --color-brand-role-input-glow-danger: var(--color-input-glow-danger);
  --color-brand-role-input-glow-focus: var(--color-blue-input-glow-focus);
  --color-brand-role-input-glow-info: var(--color-input-glow-info);
  --color-brand-role-input-glow-success: var(--color-input-glow-success);
  --color-brand-role-input-glow-warning: var(--color-input-glow-warning);
  --color-brand-role-input-select-option-bg-hover: var(--color-input-select-option-bg-hover);
  --color-brand-role-input-stroke-danger: var(--color-input-stroke-danger);
  --color-brand-role-input-stroke-default: var(--color-input-stroke-default);
  --color-brand-role-input-stroke-disabled: var(--color-brand-border-subtle);
  --color-brand-role-input-stroke-focus: var(--color-brand-role-text);
  --color-brand-role-input-stroke-hover: var(--color-input-stroke-hover);
  --color-brand-role-input-stroke-info: var(--color-input-stroke-info);
  --color-brand-role-input-stroke-success: var(--color-input-stroke-success);
  --color-brand-role-input-stroke-warning: var(--color-input-stroke-warning);
  --color-brand-role-relief-raised-medium: var(--color-relief-raised-medium);
  --color-brand-role-relief-raised-strong: var(--color-relief-raised-strong);
  --color-brand-role-relief-raised-weak: var(--color-relief-raised-weak);
  --color-brand-role-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-brand-role-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-brand-role-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-brand-role-subtle: var(--color-blue-subtle);
  --color-brand-role-subtle-hover: var(--color-blue-subtle-hover);
  --color-brand-role-subtle-medium: var(--color-blue-subtle-medium);
  --color-brand-role-subtle-pressed: var(--color-blue-subtle-pressed);
  --color-brand-role-subtle-regular: var(--color-blue-subtle-regular);
  --color-brand-role-subtle-strong: var(--color-blue-subtle-strong);
  --color-brand-role-subtle-weak: var(--color-blue-subtle-weak);
  --color-brand-role-table-bg-default: var(--color-brand-role-bg-gray-page);
  --color-brand-role-table-bg-focus: var(--color-brand-a07);
  --color-brand-role-table-bg-gray: var(--color-layout-table-bg-gray);
  --color-brand-role-table-bg-hover: var(--color-brand-a05);
  --color-brand-role-table-header-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-brand-role-table-header-bg-gray: var(--color-layout-table-header-bg-gray);
  --color-brand-role-table-header-stroke-bottom-black: var(--color-black-base);
  --color-brand-role-table-shadow-brand-end: var(--color-blue-a00);
  --color-brand-role-table-shadow-brand-start: var(--color-blue-a25);
  --color-brand-role-table-shadow-neutral-end: var(--color-gray-a00);
  --color-brand-role-table-shadow-neutral-start: var(--color-gray-a25);
  --color-brand-role-table-stroke-default: var(--color-brand-border-default);
  --color-brand-role-table-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-role-table-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-table-stroke-terminal: var(--color-gray-800);
  --color-brand-role-text: var(--color-blue-text);
  --color-brand-role-text-hover: var(--color-blue-text-hover);
  --color-brand-role-text-on-solid: var(--color-blue-text-on-solid);
  --color-brand-role-text-pressed: var(--color-blue-text-pressed);
  --color-brand-subtle-gray-default: var(--color-layout-subtle-gray-default);
  --color-brand-subtle-gray-hover: var(--color-layout-subtle-gray-hover);
  --color-brand-subtle-gray-medium: var(--color-layout-subtle-gray-medium);
  --color-brand-subtle-gray-pressed: var(--color-layout-subtle-gray-pressed);
  --color-brand-subtle-gray-regular: var(--color-layout-subtle-gray-regular);
  --color-brand-subtle-gray-strong: var(--color-layout-subtle-gray-strong);
  --color-brand-subtle-gray-weak: var(--color-layout-subtle-gray-weak);
  --color-brand-text-inverse: var(--color-layout-text-inverse);
  --color-brand-text-inverse-muted: var(--color-layout-text-inverse-muted);
  --color-brand-text-neutral-on-solid-muted: var(--color-layout-text-on-solid-muted);
  --color-brand-white: var(--color-white-base);
  --color-brand-white-a00: var(--color-white-a00);
  --color-brand-white-a02: var(--color-white-a02);
  --color-brand-white-a03: var(--color-white-a03);
  --color-brand-white-a05: var(--color-white-a05);
  --color-brand-white-a07: var(--color-white-a07);
  --color-brand-white-a10: var(--color-white-a10);
  --color-brand-white-a12: var(--color-white-a12);
  --color-brand-white-a15: var(--color-white-a15);
  --color-brand-white-a20: var(--color-white-a20);
  --color-brand-white-a25: var(--color-white-a25);
  --color-brand-white-a30: var(--color-white-a30);
  --color-brand-white-a35: var(--color-white-a35);
  --color-brand-white-a40: var(--color-white-a40);
  --color-brand-white-a45: var(--color-white-a45);
  --color-brand-white-a50: var(--color-white-a50);
  --color-brand-white-a90: var(--color-white-a90);
  --color-brand-white-a95: var(--color-white-a95);
  --color-brand-white-bg-layer-2: var(--color-white-bg-layer-2);
  --color-brand-white-bg-layer-3: var(--color-white-bg-layer-3);
  --color-brand-white-bg-layer-4: var(--color-white-bg-layer-4);
  --color-brand-white-bg-layer-5: var(--color-white-bg-layer-5);
  --color-brand-white-bg-page: var(--color-white-bg-page);
  --color-brand-white-fill: var(--color-white-fill);
  --color-brand-white-fill-hover: var(--color-white-fill-hover);
  --color-brand-white-fill-pressed: var(--color-white-fill-pressed);
  --color-brand-white-input-glow-focus: var(--color-white-input-glow-focus);
  --color-brand-white-subtle: var(--color-white-subtle);
  --color-brand-white-subtle-hover: var(--color-white-subtle-hover);
  --color-brand-white-subtle-pressed: var(--color-white-subtle-pressed);
  --color-brand-white-text: var(--color-white-text);
  --color-brand-white-text-hover: var(--color-white-text-hover);
  --color-brand-white-text-on-solid: var(--color-white-text-on-solid);
  --color-brand-white-text-pressed: var(--color-white-text-pressed);
  --color-selection-bg-disabled: var(--color-brand-role-input-bg-disabled);
  --color-selection-bg-unselected: var(--color-brand-role-input-bg-default);
  --color-selection-bg-unselected-hover: var(--color-brand-role-input-bg-hover);
  --color-selection-fg-indicator-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-indicator-selected: var(--color-brand-role-text-on-solid);
  --color-selection-fg-indicator-unselected: var(--color-brand-role-input-fg-icon-default);
  --color-selection-fg-label: var(--color-layout-text-title);
  --color-selection-fg-label-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-selected-control: var(--color-brand-role-text);
  --color-selection-fg-selected-control-hover: var(--color-brand-role-text-hover);
  --color-selection-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-selection-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-selection-stroke-unselected: var(--color-brand-role-input-stroke-default);
  --color-selection-stroke-unselected-hover: var(--color-brand-role-input-stroke-hover);
  --color-input-select-option-bg-hover: var(--color-brand-role-subtle);
  --color-input-select-option-panel-stroke: var(--color-brand-role-input-stroke-focus);
  --color-action-brand-border: var(--color-brand-accessible-solid-default);
  --color-action-brand-category-bg: var(--color-brand-role-subtle);
  --color-action-brand-fill: var(--color-brand-accessible-solid-default);
  --color-action-brand-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-action-brand-fill-press: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-text: var(--color-brand-role-text-on-solid);
  --color-action-brand-hover: var(--color-brand-role-subtle-hover);
  --color-action-brand-press: var(--color-brand-role-subtle-pressed);
  --color-action-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-action-brand-subtle: var(--color-brand-role-subtle);
  --color-action-brand-text: var(--color-brand-role-text);
  --color-action-brand-tonal: var(--color-brand-role-subtle);
  --color-action-primary-default: var(--color-brand-accessible-solid-default);
  --color-action-primary-hover: var(--color-brand-accessible-solid-hover);
  --color-action-primary-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-action-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-action-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-category: var(--color-brand-role-subtle);
  --color-bg-brand-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-selected: var(--color-brand-a10);
  --color-bg-brand-selected-hover: var(--color-brand-a15);
  --color-bg-brand-solid: var(--color-brand-accessible-solid-default);
  --color-bg-brand-solid-hover: var(--color-brand-accessible-solid-hover);
  --color-bg-brand-solid-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-bg-brand-tag: var(--color-brand-role-subtle);
  --color-border-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-default: var(--color-brand-base-default);
  --color-brand-hover: var(--color-brand-base-hover);
  --color-brand-pressed: var(--color-brand-base-pressed);
  --color-brand-role-feedback-danger-bg: var(--color-brand-feedback-danger-bg);
  --color-brand-role-feedback-danger-bg-hover: var(--color-brand-feedback-danger-bg-hover);
  --color-brand-role-feedback-danger-bg-pressed: var(--color-brand-feedback-danger-bg-pressed);
  --color-brand-role-feedback-danger-border: var(--color-brand-feedback-danger-border);
  --color-brand-role-feedback-danger-fg: var(--color-brand-feedback-danger-fg);
  --color-brand-role-feedback-danger-fill: var(--color-brand-feedback-danger-solid);
  --color-brand-role-feedback-danger-fill-hover: var(--color-brand-feedback-danger-solid-hover);
  --color-brand-role-feedback-danger-fill-pressed: var(--color-brand-feedback-danger-solid-pressed);
  --color-brand-role-feedback-info-bg: var(--color-brand-feedback-info-bg);
  --color-brand-role-feedback-info-bg-hover: var(--color-brand-feedback-info-bg-hover);
  --color-brand-role-feedback-info-bg-pressed: var(--color-brand-feedback-info-bg-pressed);
  --color-brand-role-feedback-info-border: var(--color-brand-feedback-info-border);
  --color-brand-role-feedback-info-fg: var(--color-brand-feedback-info-fg);
  --color-brand-role-feedback-info-fill: var(--color-brand-feedback-info-solid);
  --color-brand-role-feedback-info-fill-hover: var(--color-brand-feedback-info-solid-hover);
  --color-brand-role-feedback-info-fill-pressed: var(--color-brand-feedback-info-solid-pressed);
  --color-brand-role-feedback-success-bg: var(--color-brand-feedback-success-bg);
  --color-brand-role-feedback-success-bg-hover: var(--color-brand-feedback-success-bg-hover);
  --color-brand-role-feedback-success-bg-pressed: var(--color-brand-feedback-success-bg-pressed);
  --color-brand-role-feedback-success-border: var(--color-brand-feedback-success-border);
  --color-brand-role-feedback-success-fg: var(--color-brand-feedback-success-fg);
  --color-brand-role-feedback-success-fill: var(--color-brand-feedback-success-solid);
  --color-brand-role-feedback-success-fill-hover: var(--color-brand-feedback-success-solid-hover);
  --color-brand-role-feedback-success-fill-pressed: var(--color-brand-feedback-success-solid-pressed);
  --color-brand-role-feedback-warning-bg: var(--color-brand-feedback-warning-bg);
  --color-brand-role-feedback-warning-bg-hover: var(--color-brand-feedback-warning-bg-hover);
  --color-brand-role-feedback-warning-bg-pressed: var(--color-brand-feedback-warning-bg-pressed);
  --color-brand-role-feedback-warning-border: var(--color-brand-feedback-warning-border);
  --color-brand-role-feedback-warning-fg: var(--color-brand-feedback-warning-fg);
  --color-brand-role-feedback-warning-fill: var(--color-brand-feedback-warning-solid);
  --color-brand-role-feedback-warning-fill-hover: var(--color-brand-feedback-warning-solid-hover);
  --color-brand-role-feedback-warning-fill-pressed: var(--color-brand-feedback-warning-solid-pressed);
  --color-brand-role-fill: var(--color-brand-accessible-solid-default);
  --color-brand-role-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-brand-role-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-brand-role-layout-stroke-default: var(--color-brand-border-default);
  --color-brand-role-layout-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-layout-stroke-subtle: var(--color-brand-border-subtle);
  --color-brand-role-layout-text-default: var(--color-brand-font-title);
  --color-brand-role-layout-text-inverse: var(--color-brand-text-inverse);
  --color-brand-role-layout-text-inverse-muted: var(--color-brand-text-inverse-muted);
  --color-brand-role-layout-text-muted: var(--color-brand-font-body);
  --color-brand-role-layout-text-on-solid: var(--color-brand-font-always-white);
  --color-brand-text-neutral-on-solid: var(--color-brand-font-always-white);
  --color-brand-role-layout-text-on-solid-muted: var(--color-brand-text-neutral-on-solid-muted);
  --color-brand-role-layout-text-subtle: var(--color-brand-font-caption);
  --color-brand-role-table-header-bg-brand: var(--color-brand-accessible-solid-default);
  --color-brand-role-table-text-on-brand: var(--color-brand-role-text-on-solid);
  --color-brand-role-text-body: var(--color-brand-font-body);
  --color-brand-role-text-caption: var(--color-brand-font-caption);
  --color-brand-role-text-caption-light: var(--color-brand-font-caption-light);
  --color-brand-role-text-disabled: var(--color-brand-font-disabled);
  --color-brand-role-text-selected: var(--color-brand-role-text-pressed);
  --color-brand-role-text-title: var(--color-brand-font-title);
  --color-brand-text: var(--color-brand-role-text);
  --color-brand-text-active: var(--color-brand-role-text-pressed);
  --color-brand-text-hover: var(--color-brand-role-text-hover);
  --color-button-category-brand-bg: var(--color-brand-role-subtle);
  --color-button-category-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-category-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-category-brand-fg: var(--color-brand-role-text);
  --color-button-category-brand-stroke: var(--color-brand-role-text);
  --color-button-fill-brand-bg: var(--color-brand-accessible-solid-default);
  --color-button-fill-brand-bg-hover: var(--color-brand-accessible-solid-hover);
  --color-button-fill-brand-bg-pressed: var(--color-brand-accessible-solid-pressed);
  --color-button-fill-brand-fg: var(--color-brand-role-text-on-solid);
  --color-button-outline-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-outline-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-outline-brand-fg: var(--color-brand-role-text);
  --color-button-outline-brand-stroke: var(--color-brand-role-text);
  --color-button-subtle-brand-bg: var(--color-brand-role-subtle);
  --color-button-subtle-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-subtle-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-subtle-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-text-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-text-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-fg-hover: var(--color-brand-role-text-hover);
  --color-button-text-brand-fg-pressed: var(--color-brand-role-text-pressed);
  --color-fg-brand: var(--color-brand-role-text);
  --color-fg-brand-hover: var(--color-brand-role-text-hover);
  --color-fg-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-fg-brand-selected: var(--color-brand-role-text-pressed);
  --color-input-fg-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-field-default: var(--color-brand-role-input-bg-default);
  --color-input-field-disabled: var(--color-brand-role-input-bg-disabled);
  --color-input-field-focus: var(--color-brand-role-input-bg-focus);
  --color-input-field-hover: var(--color-brand-role-input-bg-hover);
  --color-input-field-user-dark: var(--color-brand-role-input-bg-user-dark);
  --color-input-field-user-light: var(--color-brand-role-input-bg-user-light);
  --color-input-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-input-icon-action: var(--color-brand-role-input-fg-icon-action);
  --color-input-icon-default: var(--color-brand-role-input-fg-icon-default);
  --color-input-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-input-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-input-text-helper: var(--color-brand-role-input-fg-helper);
  --color-input-text-placeholder: var(--color-brand-role-input-fg-placeholder);
  --color-input-text-required: var(--color-brand-role-input-fg-required);
  --color-selection-bg-selected: var(--color-brand-accessible-solid-default);
  --color-selection-bg-selected-hover: var(--color-brand-accessible-solid-hover);
  --color-state-brand-hover: var(--color-brand-role-subtle-hover);
  --color-state-brand-selected: var(--color-brand-a10);
  --color-state-brand-selected-hover: var(--color-brand-a15);
  --color-stroke-brand: var(--color-brand-accessible-solid-default);
  --color-stroke-focus-ring: var(--color-brand-role-input-stroke-focus);
  --color-text-brand: var(--color-brand-role-text);
  --color-text-brand-active: var(--color-brand-role-text-pressed);
  --color-text-brand-hover: var(--color-brand-role-text-hover);
  --color-text-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-text-brand-selected: var(--color-brand-role-text-pressed);
}


@scope ([data-brand="blue"]) to (:scope [data-brand]) {
[data-theme="light"] {
  --color-brand-50: var(--color-blue-50);
  --color-brand-100: var(--color-blue-100);
  --color-brand-150: var(--color-blue-150);
  --color-brand-200: var(--color-blue-200);
  --color-brand-250: var(--color-blue-250);
  --color-brand-300: var(--color-blue-300);
  --color-brand-350: var(--color-blue-350);
  --color-brand-400: var(--color-blue-400);
  --color-brand-450: var(--color-blue-450);
  --color-brand-500: var(--color-blue-500);
  --color-brand-550: var(--color-blue-550);
  --color-brand-600: var(--color-blue-600);
  --color-brand-650: var(--color-blue-650);
  --color-brand-700: var(--color-blue-700);
  --color-brand-750: var(--color-blue-750);
  --color-brand-800: var(--color-blue-800);
  --color-brand-850: var(--color-blue-850);
  --color-brand-900: var(--color-blue-900);
  --color-brand-950: var(--color-blue-950);
  --color-brand-a00: var(--color-blue-a00);
  --color-brand-a03: var(--color-blue-a02);
  --color-brand-a05: var(--color-blue-a05);
  --color-brand-a07: var(--color-blue-a07);
  --color-brand-a10: var(--color-blue-a10);
  --color-brand-a12: var(--color-blue-a12);
  --color-brand-a15: var(--color-blue-a15);
  --color-brand-a20: var(--color-blue-a20);
  --color-brand-a25: var(--color-blue-a25);
  --color-brand-a30: var(--color-blue-a30);
  --color-brand-a35: var(--color-blue-a35);
  --color-brand-a40: var(--color-blue-a40);
  --color-brand-a45: var(--color-blue-a45);
  --color-brand-a50: var(--color-blue-a50);
  --color-brand-accessible-solid-default: var(--color-blue-fill);
  --color-brand-accessible-solid-hover: var(--color-blue-fill-hover);
  --color-brand-accessible-solid-pressed: var(--color-blue-fill-pressed);
  --color-brand-base-default: var(--color-blue-base-default);
  --color-brand-base-hover: var(--color-blue-base-hover);
  --color-brand-base-pressed: var(--color-blue-base-pressed);
  --color-brand-black: var(--color-black-base);
  --color-brand-black-a00: var(--color-black-a00);
  --color-brand-black-a02: var(--color-black-a02);
  --color-brand-black-a03: var(--color-black-a03);
  --color-brand-black-a05: var(--color-black-a05);
  --color-brand-black-a07: var(--color-black-a07);
  --color-brand-black-a10: var(--color-black-a10);
  --color-brand-black-a12: var(--color-black-a12);
  --color-brand-black-a15: var(--color-black-a15);
  --color-brand-black-a20: var(--color-black-a20);
  --color-brand-black-a25: var(--color-black-a25);
  --color-brand-black-a30: var(--color-black-a30);
  --color-brand-black-a35: var(--color-black-a35);
  --color-brand-black-a40: var(--color-black-a40);
  --color-brand-black-a45: var(--color-black-a45);
  --color-brand-black-a50: var(--color-black-a50);
  --color-brand-black-a70: var(--color-black-a70);
  --color-brand-black-bg-layer-2: var(--color-black-bg-layer-2);
  --color-brand-black-bg-layer-3: var(--color-black-bg-layer-3);
  --color-brand-black-bg-layer-4: var(--color-black-bg-layer-4);
  --color-brand-black-bg-layer-5: var(--color-black-bg-layer-5);
  --color-brand-black-bg-page: var(--color-black-bg-page);
  --color-brand-black-fill: var(--color-black-fill);
  --color-brand-black-fill-hover: var(--color-black-fill-hover);
  --color-brand-black-fill-pressed: var(--color-black-fill-pressed);
  --color-brand-black-input-glow-focus: var(--color-black-input-glow-focus);
  --color-brand-black-subtle: var(--color-black-subtle);
  --color-brand-black-subtle-hover: var(--color-black-subtle-hover);
  --color-brand-black-subtle-pressed: var(--color-black-subtle-pressed);
  --color-brand-black-text: var(--color-black-text);
  --color-brand-black-text-hover: var(--color-black-text-hover);
  --color-brand-black-text-on-solid: var(--color-black-text-on-solid);
  --color-brand-black-text-pressed: var(--color-black-text-pressed);
  --color-brand-border-default: var(--color-layout-stroke-default);
  --color-brand-border-strong: var(--color-layout-stroke-strong);
  --color-brand-border-subtle: var(--color-layout-stroke-subtle);
  --color-brand-elevation-1: var(--color-elevation-shadow-1);
  --color-brand-elevation-2: var(--color-elevation-shadow-2);
  --color-brand-elevation-3: var(--color-elevation-shadow-3);
  --color-brand-elevation-4: var(--color-elevation-shadow-4);
  --color-brand-elevation-5: var(--color-elevation-shadow-5);
  --color-brand-elevation-raised: var(--color-elevation-raised);
  --color-brand-elevation-sunken: var(--color-elevation-sunken);
  --color-brand-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-brand-feedback-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-brand-feedback-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-brand-feedback-danger-border: var(--color-feedback-danger-border);
  --color-brand-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-brand-feedback-danger-on-solid: var(--color-feedback-danger-on-solid);
  --color-brand-feedback-danger-solid: var(--color-feedback-danger-solid);
  --color-brand-feedback-danger-solid-hover: var(--color-feedback-danger-solid-hover);
  --color-brand-feedback-danger-solid-pressed: var(--color-feedback-danger-solid-pressed);
  --color-brand-feedback-info-bg: var(--color-feedback-info-bg);
  --color-brand-feedback-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-brand-feedback-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-brand-feedback-info-border: var(--color-feedback-info-border);
  --color-brand-feedback-info-fg: var(--color-feedback-info-fg);
  --color-brand-feedback-info-on-solid: var(--color-feedback-info-on-solid);
  --color-brand-feedback-info-solid: var(--color-feedback-info-solid);
  --color-brand-feedback-info-solid-hover: var(--color-feedback-info-solid-hover);
  --color-brand-feedback-info-solid-pressed: var(--color-feedback-info-solid-pressed);
  --color-brand-feedback-success-bg: var(--color-feedback-success-bg);
  --color-brand-feedback-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-brand-feedback-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-brand-feedback-success-border: var(--color-feedback-success-border);
  --color-brand-feedback-success-fg: var(--color-feedback-success-fg);
  --color-brand-feedback-success-on-solid: var(--color-feedback-success-on-solid);
  --color-brand-feedback-success-solid: var(--color-feedback-success-solid);
  --color-brand-feedback-success-solid-hover: var(--color-feedback-success-solid-hover);
  --color-brand-feedback-success-solid-pressed: var(--color-feedback-success-solid-pressed);
  --color-brand-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-brand-feedback-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-brand-feedback-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-brand-feedback-warning-border: var(--color-feedback-warning-border);
  --color-brand-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-brand-feedback-warning-on-solid: var(--color-feedback-warning-on-solid);
  --color-brand-feedback-warning-solid: var(--color-feedback-warning-solid);
  --color-brand-feedback-warning-solid-hover: var(--color-feedback-warning-solid-hover);
  --color-brand-feedback-warning-solid-pressed: var(--color-feedback-warning-solid-pressed);
  --color-brand-font-always-black: var(--color-layout-text-always-black);
  --color-brand-font-always-white: var(--color-layout-text-always-white);
  --color-brand-font-body: var(--color-layout-text-body);
  --color-brand-font-caption: var(--color-layout-text-caption);
  --color-brand-font-caption-light: var(--color-layout-text-caption-light);
  --color-brand-font-disabled: var(--color-layout-text-disabled);
  --color-brand-font-title: var(--color-layout-text-title);
  --color-brand-glass-contrast-surface: var(--color-glass-contrast-surface);
  --color-brand-glass-middle-surface: var(--color-glass-middle-surface);
  --color-brand-glass-soft-surface: var(--color-glass-soft-surface);
  --color-brand-glass-solid-surface: var(--color-glass-solid-surface);
  --color-brand-glass-strong-surface: var(--color-glass-strong-surface);
  --color-brand-role-bg-dim: var(--color-elevation-dim);
  --color-brand-role-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-brand-role-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-brand-role-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-brand-role-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-brand-role-bg-gray-page: var(--color-elevation-gray-page);
  --color-brand-role-bg-layer-2: var(--color-blue-bg-layer-2);
  --color-brand-role-bg-layer-3: var(--color-blue-bg-layer-3);
  --color-brand-role-bg-layer-4: var(--color-blue-bg-layer-4);
  --color-brand-role-bg-layer-5: var(--color-blue-bg-layer-5);
  --color-brand-role-bg-page: var(--color-blue-bg-page);
  --color-brand-role-bg-system-elevation-1: var(--color-elevation-system-1);
  --color-brand-role-bg-system-elevation-2: var(--color-elevation-system-2);
  --color-brand-role-bg-system-elevation-3: var(--color-elevation-system-3);
  --color-brand-role-bg-system-elevation-4: var(--color-elevation-system-4);
  --color-brand-role-bg-system-elevation-5: var(--color-elevation-system-5);
  --color-brand-role-bg-system-page: var(--color-brand-role-bg-system-elevation-1);
  --color-brand-role-bg-system-search-bar: var(--color-brand-role-bg-system-elevation-2);
  --color-brand-role-bg-system-sidebar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-system-topbar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-user-elevation-1: var(--color-elevation-user-1);
  --color-brand-role-bg-user-elevation-2: var(--color-elevation-user-2);
  --color-brand-role-bg-user-elevation-3: var(--color-elevation-user-3);
  --color-brand-role-bg-user-elevation-4: var(--color-elevation-user-4);
  --color-brand-role-bg-user-elevation-5: var(--color-elevation-user-5);
  --color-brand-role-input-bg-default: var(--color-input-bg-default);
  --color-brand-role-input-bg-disabled: var(--color-input-bg-disabled);
  --color-brand-role-input-bg-focus: var(--color-input-bg-focus);
  --color-brand-role-input-bg-hover: var(--color-input-bg-hover);
  --color-brand-role-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-brand-role-input-bg-user-light: var(--color-input-bg-user-light);
  --color-brand-role-input-fg-danger: var(--color-brand-feedback-danger-fg);
  --color-brand-role-input-fg-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-helper: var(--color-input-fg-helper);
  --color-brand-role-input-fg-icon-action: var(--color-brand-font-body);
  --color-brand-role-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-brand-role-input-fg-icon-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-icon-focus: var(--color-brand-role-text);
  --color-brand-role-input-fg-info: var(--color-brand-feedback-info-fg);
  --color-brand-role-input-fg-label: var(--color-brand-font-title);
  --color-brand-role-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-brand-role-input-fg-required: var(--color-input-fg-required);
  --color-brand-role-input-fg-success: var(--color-brand-feedback-success-fg);
  --color-brand-role-input-fg-value: var(--color-brand-font-title);
  --color-brand-role-input-fg-warning: var(--color-brand-feedback-warning-fg);
  --color-brand-role-input-glow-danger: var(--color-input-glow-danger);
  --color-brand-role-input-glow-focus: var(--color-blue-input-glow-focus);
  --color-brand-role-input-glow-info: var(--color-input-glow-info);
  --color-brand-role-input-glow-success: var(--color-input-glow-success);
  --color-brand-role-input-glow-warning: var(--color-input-glow-warning);
  --color-brand-role-input-select-option-bg-hover: var(--color-input-select-option-bg-hover);
  --color-brand-role-input-stroke-danger: var(--color-input-stroke-danger);
  --color-brand-role-input-stroke-default: var(--color-input-stroke-default);
  --color-brand-role-input-stroke-disabled: var(--color-brand-border-subtle);
  --color-brand-role-input-stroke-focus: var(--color-brand-role-text);
  --color-brand-role-input-stroke-hover: var(--color-input-stroke-hover);
  --color-brand-role-input-stroke-info: var(--color-input-stroke-info);
  --color-brand-role-input-stroke-success: var(--color-input-stroke-success);
  --color-brand-role-input-stroke-warning: var(--color-input-stroke-warning);
  --color-brand-role-relief-raised-medium: var(--color-relief-raised-medium);
  --color-brand-role-relief-raised-strong: var(--color-relief-raised-strong);
  --color-brand-role-relief-raised-weak: var(--color-relief-raised-weak);
  --color-brand-role-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-brand-role-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-brand-role-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-brand-role-subtle: var(--color-blue-subtle);
  --color-brand-role-subtle-hover: var(--color-blue-subtle-hover);
  --color-brand-role-subtle-medium: var(--color-blue-subtle-medium);
  --color-brand-role-subtle-pressed: var(--color-blue-subtle-pressed);
  --color-brand-role-subtle-regular: var(--color-blue-subtle-regular);
  --color-brand-role-subtle-strong: var(--color-blue-subtle-strong);
  --color-brand-role-subtle-weak: var(--color-blue-subtle-weak);
  --color-brand-role-table-bg-default: var(--color-brand-role-bg-gray-page);
  --color-brand-role-table-bg-focus: var(--color-brand-a07);
  --color-brand-role-table-bg-gray: var(--color-layout-table-bg-gray);
  --color-brand-role-table-bg-hover: var(--color-brand-a05);
  --color-brand-role-table-header-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-brand-role-table-header-bg-gray: var(--color-layout-table-header-bg-gray);
  --color-brand-role-table-header-stroke-bottom-black: var(--color-black-base);
  --color-brand-role-table-shadow-brand-end: var(--color-blue-a00);
  --color-brand-role-table-shadow-brand-start: var(--color-blue-a25);
  --color-brand-role-table-shadow-neutral-end: var(--color-gray-a00);
  --color-brand-role-table-shadow-neutral-start: var(--color-gray-a25);
  --color-brand-role-table-stroke-default: var(--color-brand-border-default);
  --color-brand-role-table-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-role-table-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-table-stroke-terminal: var(--color-gray-800);
  --color-brand-role-text: var(--color-blue-text);
  --color-brand-role-text-hover: var(--color-blue-text-hover);
  --color-brand-role-text-on-solid: var(--color-blue-text-on-solid);
  --color-brand-role-text-pressed: var(--color-blue-text-pressed);
  --color-brand-subtle-gray-default: var(--color-layout-subtle-gray-default);
  --color-brand-subtle-gray-hover: var(--color-layout-subtle-gray-hover);
  --color-brand-subtle-gray-medium: var(--color-layout-subtle-gray-medium);
  --color-brand-subtle-gray-pressed: var(--color-layout-subtle-gray-pressed);
  --color-brand-subtle-gray-regular: var(--color-layout-subtle-gray-regular);
  --color-brand-subtle-gray-strong: var(--color-layout-subtle-gray-strong);
  --color-brand-subtle-gray-weak: var(--color-layout-subtle-gray-weak);
  --color-brand-text-inverse: var(--color-layout-text-inverse);
  --color-brand-text-inverse-muted: var(--color-layout-text-inverse-muted);
  --color-brand-text-neutral-on-solid-muted: var(--color-layout-text-on-solid-muted);
  --color-brand-white: var(--color-white-base);
  --color-brand-white-a00: var(--color-white-a00);
  --color-brand-white-a02: var(--color-white-a02);
  --color-brand-white-a03: var(--color-white-a03);
  --color-brand-white-a05: var(--color-white-a05);
  --color-brand-white-a07: var(--color-white-a07);
  --color-brand-white-a10: var(--color-white-a10);
  --color-brand-white-a12: var(--color-white-a12);
  --color-brand-white-a15: var(--color-white-a15);
  --color-brand-white-a20: var(--color-white-a20);
  --color-brand-white-a25: var(--color-white-a25);
  --color-brand-white-a30: var(--color-white-a30);
  --color-brand-white-a35: var(--color-white-a35);
  --color-brand-white-a40: var(--color-white-a40);
  --color-brand-white-a45: var(--color-white-a45);
  --color-brand-white-a50: var(--color-white-a50);
  --color-brand-white-a90: var(--color-white-a90);
  --color-brand-white-a95: var(--color-white-a95);
  --color-brand-white-bg-layer-2: var(--color-white-bg-layer-2);
  --color-brand-white-bg-layer-3: var(--color-white-bg-layer-3);
  --color-brand-white-bg-layer-4: var(--color-white-bg-layer-4);
  --color-brand-white-bg-layer-5: var(--color-white-bg-layer-5);
  --color-brand-white-bg-page: var(--color-white-bg-page);
  --color-brand-white-fill: var(--color-white-fill);
  --color-brand-white-fill-hover: var(--color-white-fill-hover);
  --color-brand-white-fill-pressed: var(--color-white-fill-pressed);
  --color-brand-white-input-glow-focus: var(--color-white-input-glow-focus);
  --color-brand-white-subtle: var(--color-white-subtle);
  --color-brand-white-subtle-hover: var(--color-white-subtle-hover);
  --color-brand-white-subtle-pressed: var(--color-white-subtle-pressed);
  --color-brand-white-text: var(--color-white-text);
  --color-brand-white-text-hover: var(--color-white-text-hover);
  --color-brand-white-text-on-solid: var(--color-white-text-on-solid);
  --color-brand-white-text-pressed: var(--color-white-text-pressed);
  --color-selection-bg-disabled: var(--color-brand-role-input-bg-disabled);
  --color-selection-bg-unselected: var(--color-brand-role-input-bg-default);
  --color-selection-bg-unselected-hover: var(--color-brand-role-input-bg-hover);
  --color-selection-fg-indicator-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-indicator-selected: var(--color-brand-role-text-on-solid);
  --color-selection-fg-indicator-unselected: var(--color-brand-role-input-fg-icon-default);
  --color-selection-fg-label: var(--color-layout-text-title);
  --color-selection-fg-label-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-selected-control: var(--color-brand-role-text);
  --color-selection-fg-selected-control-hover: var(--color-brand-role-text-hover);
  --color-selection-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-selection-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-selection-stroke-unselected: var(--color-brand-role-input-stroke-default);
  --color-selection-stroke-unselected-hover: var(--color-brand-role-input-stroke-hover);
  --color-input-select-option-bg-hover: var(--color-brand-role-subtle);
  --color-input-select-option-panel-stroke: var(--color-brand-role-input-stroke-focus);
  --color-action-brand-border: var(--color-brand-accessible-solid-default);
  --color-action-brand-category-bg: var(--color-brand-role-subtle);
  --color-action-brand-fill: var(--color-brand-accessible-solid-default);
  --color-action-brand-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-action-brand-fill-press: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-text: var(--color-brand-role-text-on-solid);
  --color-action-brand-hover: var(--color-brand-role-subtle-hover);
  --color-action-brand-press: var(--color-brand-role-subtle-pressed);
  --color-action-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-action-brand-subtle: var(--color-brand-role-subtle);
  --color-action-brand-text: var(--color-brand-role-text);
  --color-action-brand-tonal: var(--color-brand-role-subtle);
  --color-action-primary-default: var(--color-brand-accessible-solid-default);
  --color-action-primary-hover: var(--color-brand-accessible-solid-hover);
  --color-action-primary-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-action-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-action-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-category: var(--color-brand-role-subtle);
  --color-bg-brand-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-selected: var(--color-brand-a10);
  --color-bg-brand-selected-hover: var(--color-brand-a15);
  --color-bg-brand-solid: var(--color-brand-accessible-solid-default);
  --color-bg-brand-solid-hover: var(--color-brand-accessible-solid-hover);
  --color-bg-brand-solid-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-bg-brand-tag: var(--color-brand-role-subtle);
  --color-border-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-default: var(--color-brand-base-default);
  --color-brand-hover: var(--color-brand-base-hover);
  --color-brand-pressed: var(--color-brand-base-pressed);
  --color-brand-role-feedback-danger-bg: var(--color-brand-feedback-danger-bg);
  --color-brand-role-feedback-danger-bg-hover: var(--color-brand-feedback-danger-bg-hover);
  --color-brand-role-feedback-danger-bg-pressed: var(--color-brand-feedback-danger-bg-pressed);
  --color-brand-role-feedback-danger-border: var(--color-brand-feedback-danger-border);
  --color-brand-role-feedback-danger-fg: var(--color-brand-feedback-danger-fg);
  --color-brand-role-feedback-danger-fill: var(--color-brand-feedback-danger-solid);
  --color-brand-role-feedback-danger-fill-hover: var(--color-brand-feedback-danger-solid-hover);
  --color-brand-role-feedback-danger-fill-pressed: var(--color-brand-feedback-danger-solid-pressed);
  --color-brand-role-feedback-info-bg: var(--color-brand-feedback-info-bg);
  --color-brand-role-feedback-info-bg-hover: var(--color-brand-feedback-info-bg-hover);
  --color-brand-role-feedback-info-bg-pressed: var(--color-brand-feedback-info-bg-pressed);
  --color-brand-role-feedback-info-border: var(--color-brand-feedback-info-border);
  --color-brand-role-feedback-info-fg: var(--color-brand-feedback-info-fg);
  --color-brand-role-feedback-info-fill: var(--color-brand-feedback-info-solid);
  --color-brand-role-feedback-info-fill-hover: var(--color-brand-feedback-info-solid-hover);
  --color-brand-role-feedback-info-fill-pressed: var(--color-brand-feedback-info-solid-pressed);
  --color-brand-role-feedback-success-bg: var(--color-brand-feedback-success-bg);
  --color-brand-role-feedback-success-bg-hover: var(--color-brand-feedback-success-bg-hover);
  --color-brand-role-feedback-success-bg-pressed: var(--color-brand-feedback-success-bg-pressed);
  --color-brand-role-feedback-success-border: var(--color-brand-feedback-success-border);
  --color-brand-role-feedback-success-fg: var(--color-brand-feedback-success-fg);
  --color-brand-role-feedback-success-fill: var(--color-brand-feedback-success-solid);
  --color-brand-role-feedback-success-fill-hover: var(--color-brand-feedback-success-solid-hover);
  --color-brand-role-feedback-success-fill-pressed: var(--color-brand-feedback-success-solid-pressed);
  --color-brand-role-feedback-warning-bg: var(--color-brand-feedback-warning-bg);
  --color-brand-role-feedback-warning-bg-hover: var(--color-brand-feedback-warning-bg-hover);
  --color-brand-role-feedback-warning-bg-pressed: var(--color-brand-feedback-warning-bg-pressed);
  --color-brand-role-feedback-warning-border: var(--color-brand-feedback-warning-border);
  --color-brand-role-feedback-warning-fg: var(--color-brand-feedback-warning-fg);
  --color-brand-role-feedback-warning-fill: var(--color-brand-feedback-warning-solid);
  --color-brand-role-feedback-warning-fill-hover: var(--color-brand-feedback-warning-solid-hover);
  --color-brand-role-feedback-warning-fill-pressed: var(--color-brand-feedback-warning-solid-pressed);
  --color-brand-role-fill: var(--color-brand-accessible-solid-default);
  --color-brand-role-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-brand-role-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-brand-role-layout-stroke-default: var(--color-brand-border-default);
  --color-brand-role-layout-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-layout-stroke-subtle: var(--color-brand-border-subtle);
  --color-brand-role-layout-text-default: var(--color-brand-font-title);
  --color-brand-role-layout-text-inverse: var(--color-brand-text-inverse);
  --color-brand-role-layout-text-inverse-muted: var(--color-brand-text-inverse-muted);
  --color-brand-role-layout-text-muted: var(--color-brand-font-body);
  --color-brand-role-layout-text-on-solid: var(--color-brand-font-always-white);
  --color-brand-text-neutral-on-solid: var(--color-brand-font-always-white);
  --color-brand-role-layout-text-on-solid-muted: var(--color-brand-text-neutral-on-solid-muted);
  --color-brand-role-layout-text-subtle: var(--color-brand-font-caption);
  --color-brand-role-table-header-bg-brand: var(--color-brand-accessible-solid-default);
  --color-brand-role-table-text-on-brand: var(--color-brand-role-text-on-solid);
  --color-brand-role-text-body: var(--color-brand-font-body);
  --color-brand-role-text-caption: var(--color-brand-font-caption);
  --color-brand-role-text-caption-light: var(--color-brand-font-caption-light);
  --color-brand-role-text-disabled: var(--color-brand-font-disabled);
  --color-brand-role-text-selected: var(--color-brand-role-text-pressed);
  --color-brand-role-text-title: var(--color-brand-font-title);
  --color-brand-text: var(--color-brand-role-text);
  --color-brand-text-active: var(--color-brand-role-text-pressed);
  --color-brand-text-hover: var(--color-brand-role-text-hover);
  --color-button-category-brand-bg: var(--color-brand-role-subtle);
  --color-button-category-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-category-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-category-brand-fg: var(--color-brand-role-text);
  --color-button-category-brand-stroke: var(--color-brand-role-text);
  --color-button-fill-brand-bg: var(--color-brand-accessible-solid-default);
  --color-button-fill-brand-bg-hover: var(--color-brand-accessible-solid-hover);
  --color-button-fill-brand-bg-pressed: var(--color-brand-accessible-solid-pressed);
  --color-button-fill-brand-fg: var(--color-brand-role-text-on-solid);
  --color-button-outline-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-outline-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-outline-brand-fg: var(--color-brand-role-text);
  --color-button-outline-brand-stroke: var(--color-brand-role-text);
  --color-button-subtle-brand-bg: var(--color-brand-role-subtle);
  --color-button-subtle-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-subtle-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-subtle-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-text-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-text-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-fg-hover: var(--color-brand-role-text-hover);
  --color-button-text-brand-fg-pressed: var(--color-brand-role-text-pressed);
  --color-fg-brand: var(--color-brand-role-text);
  --color-fg-brand-hover: var(--color-brand-role-text-hover);
  --color-fg-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-fg-brand-selected: var(--color-brand-role-text-pressed);
  --color-input-fg-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-field-default: var(--color-brand-role-input-bg-default);
  --color-input-field-disabled: var(--color-brand-role-input-bg-disabled);
  --color-input-field-focus: var(--color-brand-role-input-bg-focus);
  --color-input-field-hover: var(--color-brand-role-input-bg-hover);
  --color-input-field-user-dark: var(--color-brand-role-input-bg-user-dark);
  --color-input-field-user-light: var(--color-brand-role-input-bg-user-light);
  --color-input-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-input-icon-action: var(--color-brand-role-input-fg-icon-action);
  --color-input-icon-default: var(--color-brand-role-input-fg-icon-default);
  --color-input-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-input-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-input-text-helper: var(--color-brand-role-input-fg-helper);
  --color-input-text-placeholder: var(--color-brand-role-input-fg-placeholder);
  --color-input-text-required: var(--color-brand-role-input-fg-required);
  --color-selection-bg-selected: var(--color-brand-accessible-solid-default);
  --color-selection-bg-selected-hover: var(--color-brand-accessible-solid-hover);
  --color-state-brand-hover: var(--color-brand-role-subtle-hover);
  --color-state-brand-selected: var(--color-brand-a10);
  --color-state-brand-selected-hover: var(--color-brand-a15);
  --color-stroke-brand: var(--color-brand-accessible-solid-default);
  --color-stroke-focus-ring: var(--color-brand-role-input-stroke-focus);
  --color-text-brand: var(--color-brand-role-text);
  --color-text-brand-active: var(--color-brand-role-text-pressed);
  --color-text-brand-hover: var(--color-brand-role-text-hover);
  --color-text-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-text-brand-selected: var(--color-brand-role-text-pressed);
}
}


@scope ([data-theme="light"]) to (:scope [data-theme]) {
[data-brand="blue"] {
  --color-brand-50: var(--color-blue-50);
  --color-brand-100: var(--color-blue-100);
  --color-brand-150: var(--color-blue-150);
  --color-brand-200: var(--color-blue-200);
  --color-brand-250: var(--color-blue-250);
  --color-brand-300: var(--color-blue-300);
  --color-brand-350: var(--color-blue-350);
  --color-brand-400: var(--color-blue-400);
  --color-brand-450: var(--color-blue-450);
  --color-brand-500: var(--color-blue-500);
  --color-brand-550: var(--color-blue-550);
  --color-brand-600: var(--color-blue-600);
  --color-brand-650: var(--color-blue-650);
  --color-brand-700: var(--color-blue-700);
  --color-brand-750: var(--color-blue-750);
  --color-brand-800: var(--color-blue-800);
  --color-brand-850: var(--color-blue-850);
  --color-brand-900: var(--color-blue-900);
  --color-brand-950: var(--color-blue-950);
  --color-brand-a00: var(--color-blue-a00);
  --color-brand-a03: var(--color-blue-a02);
  --color-brand-a05: var(--color-blue-a05);
  --color-brand-a07: var(--color-blue-a07);
  --color-brand-a10: var(--color-blue-a10);
  --color-brand-a12: var(--color-blue-a12);
  --color-brand-a15: var(--color-blue-a15);
  --color-brand-a20: var(--color-blue-a20);
  --color-brand-a25: var(--color-blue-a25);
  --color-brand-a30: var(--color-blue-a30);
  --color-brand-a35: var(--color-blue-a35);
  --color-brand-a40: var(--color-blue-a40);
  --color-brand-a45: var(--color-blue-a45);
  --color-brand-a50: var(--color-blue-a50);
  --color-brand-accessible-solid-default: var(--color-blue-fill);
  --color-brand-accessible-solid-hover: var(--color-blue-fill-hover);
  --color-brand-accessible-solid-pressed: var(--color-blue-fill-pressed);
  --color-brand-base-default: var(--color-blue-base-default);
  --color-brand-base-hover: var(--color-blue-base-hover);
  --color-brand-base-pressed: var(--color-blue-base-pressed);
  --color-brand-black: var(--color-black-base);
  --color-brand-black-a00: var(--color-black-a00);
  --color-brand-black-a02: var(--color-black-a02);
  --color-brand-black-a03: var(--color-black-a03);
  --color-brand-black-a05: var(--color-black-a05);
  --color-brand-black-a07: var(--color-black-a07);
  --color-brand-black-a10: var(--color-black-a10);
  --color-brand-black-a12: var(--color-black-a12);
  --color-brand-black-a15: var(--color-black-a15);
  --color-brand-black-a20: var(--color-black-a20);
  --color-brand-black-a25: var(--color-black-a25);
  --color-brand-black-a30: var(--color-black-a30);
  --color-brand-black-a35: var(--color-black-a35);
  --color-brand-black-a40: var(--color-black-a40);
  --color-brand-black-a45: var(--color-black-a45);
  --color-brand-black-a50: var(--color-black-a50);
  --color-brand-black-a70: var(--color-black-a70);
  --color-brand-black-bg-layer-2: var(--color-black-bg-layer-2);
  --color-brand-black-bg-layer-3: var(--color-black-bg-layer-3);
  --color-brand-black-bg-layer-4: var(--color-black-bg-layer-4);
  --color-brand-black-bg-layer-5: var(--color-black-bg-layer-5);
  --color-brand-black-bg-page: var(--color-black-bg-page);
  --color-brand-black-fill: var(--color-black-fill);
  --color-brand-black-fill-hover: var(--color-black-fill-hover);
  --color-brand-black-fill-pressed: var(--color-black-fill-pressed);
  --color-brand-black-input-glow-focus: var(--color-black-input-glow-focus);
  --color-brand-black-subtle: var(--color-black-subtle);
  --color-brand-black-subtle-hover: var(--color-black-subtle-hover);
  --color-brand-black-subtle-pressed: var(--color-black-subtle-pressed);
  --color-brand-black-text: var(--color-black-text);
  --color-brand-black-text-hover: var(--color-black-text-hover);
  --color-brand-black-text-on-solid: var(--color-black-text-on-solid);
  --color-brand-black-text-pressed: var(--color-black-text-pressed);
  --color-brand-border-default: var(--color-layout-stroke-default);
  --color-brand-border-strong: var(--color-layout-stroke-strong);
  --color-brand-border-subtle: var(--color-layout-stroke-subtle);
  --color-brand-elevation-1: var(--color-elevation-shadow-1);
  --color-brand-elevation-2: var(--color-elevation-shadow-2);
  --color-brand-elevation-3: var(--color-elevation-shadow-3);
  --color-brand-elevation-4: var(--color-elevation-shadow-4);
  --color-brand-elevation-5: var(--color-elevation-shadow-5);
  --color-brand-elevation-raised: var(--color-elevation-raised);
  --color-brand-elevation-sunken: var(--color-elevation-sunken);
  --color-brand-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-brand-feedback-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-brand-feedback-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-brand-feedback-danger-border: var(--color-feedback-danger-border);
  --color-brand-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-brand-feedback-danger-on-solid: var(--color-feedback-danger-on-solid);
  --color-brand-feedback-danger-solid: var(--color-feedback-danger-solid);
  --color-brand-feedback-danger-solid-hover: var(--color-feedback-danger-solid-hover);
  --color-brand-feedback-danger-solid-pressed: var(--color-feedback-danger-solid-pressed);
  --color-brand-feedback-info-bg: var(--color-feedback-info-bg);
  --color-brand-feedback-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-brand-feedback-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-brand-feedback-info-border: var(--color-feedback-info-border);
  --color-brand-feedback-info-fg: var(--color-feedback-info-fg);
  --color-brand-feedback-info-on-solid: var(--color-feedback-info-on-solid);
  --color-brand-feedback-info-solid: var(--color-feedback-info-solid);
  --color-brand-feedback-info-solid-hover: var(--color-feedback-info-solid-hover);
  --color-brand-feedback-info-solid-pressed: var(--color-feedback-info-solid-pressed);
  --color-brand-feedback-success-bg: var(--color-feedback-success-bg);
  --color-brand-feedback-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-brand-feedback-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-brand-feedback-success-border: var(--color-feedback-success-border);
  --color-brand-feedback-success-fg: var(--color-feedback-success-fg);
  --color-brand-feedback-success-on-solid: var(--color-feedback-success-on-solid);
  --color-brand-feedback-success-solid: var(--color-feedback-success-solid);
  --color-brand-feedback-success-solid-hover: var(--color-feedback-success-solid-hover);
  --color-brand-feedback-success-solid-pressed: var(--color-feedback-success-solid-pressed);
  --color-brand-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-brand-feedback-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-brand-feedback-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-brand-feedback-warning-border: var(--color-feedback-warning-border);
  --color-brand-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-brand-feedback-warning-on-solid: var(--color-feedback-warning-on-solid);
  --color-brand-feedback-warning-solid: var(--color-feedback-warning-solid);
  --color-brand-feedback-warning-solid-hover: var(--color-feedback-warning-solid-hover);
  --color-brand-feedback-warning-solid-pressed: var(--color-feedback-warning-solid-pressed);
  --color-brand-font-always-black: var(--color-layout-text-always-black);
  --color-brand-font-always-white: var(--color-layout-text-always-white);
  --color-brand-font-body: var(--color-layout-text-body);
  --color-brand-font-caption: var(--color-layout-text-caption);
  --color-brand-font-caption-light: var(--color-layout-text-caption-light);
  --color-brand-font-disabled: var(--color-layout-text-disabled);
  --color-brand-font-title: var(--color-layout-text-title);
  --color-brand-glass-contrast-surface: var(--color-glass-contrast-surface);
  --color-brand-glass-middle-surface: var(--color-glass-middle-surface);
  --color-brand-glass-soft-surface: var(--color-glass-soft-surface);
  --color-brand-glass-solid-surface: var(--color-glass-solid-surface);
  --color-brand-glass-strong-surface: var(--color-glass-strong-surface);
  --color-brand-role-bg-dim: var(--color-elevation-dim);
  --color-brand-role-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-brand-role-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-brand-role-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-brand-role-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-brand-role-bg-gray-page: var(--color-elevation-gray-page);
  --color-brand-role-bg-layer-2: var(--color-blue-bg-layer-2);
  --color-brand-role-bg-layer-3: var(--color-blue-bg-layer-3);
  --color-brand-role-bg-layer-4: var(--color-blue-bg-layer-4);
  --color-brand-role-bg-layer-5: var(--color-blue-bg-layer-5);
  --color-brand-role-bg-page: var(--color-blue-bg-page);
  --color-brand-role-bg-system-elevation-1: var(--color-elevation-system-1);
  --color-brand-role-bg-system-elevation-2: var(--color-elevation-system-2);
  --color-brand-role-bg-system-elevation-3: var(--color-elevation-system-3);
  --color-brand-role-bg-system-elevation-4: var(--color-elevation-system-4);
  --color-brand-role-bg-system-elevation-5: var(--color-elevation-system-5);
  --color-brand-role-bg-system-page: var(--color-brand-role-bg-system-elevation-1);
  --color-brand-role-bg-system-search-bar: var(--color-brand-role-bg-system-elevation-2);
  --color-brand-role-bg-system-sidebar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-system-topbar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-user-elevation-1: var(--color-elevation-user-1);
  --color-brand-role-bg-user-elevation-2: var(--color-elevation-user-2);
  --color-brand-role-bg-user-elevation-3: var(--color-elevation-user-3);
  --color-brand-role-bg-user-elevation-4: var(--color-elevation-user-4);
  --color-brand-role-bg-user-elevation-5: var(--color-elevation-user-5);
  --color-brand-role-input-bg-default: var(--color-input-bg-default);
  --color-brand-role-input-bg-disabled: var(--color-input-bg-disabled);
  --color-brand-role-input-bg-focus: var(--color-input-bg-focus);
  --color-brand-role-input-bg-hover: var(--color-input-bg-hover);
  --color-brand-role-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-brand-role-input-bg-user-light: var(--color-input-bg-user-light);
  --color-brand-role-input-fg-danger: var(--color-brand-feedback-danger-fg);
  --color-brand-role-input-fg-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-helper: var(--color-input-fg-helper);
  --color-brand-role-input-fg-icon-action: var(--color-brand-font-body);
  --color-brand-role-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-brand-role-input-fg-icon-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-icon-focus: var(--color-brand-role-text);
  --color-brand-role-input-fg-info: var(--color-brand-feedback-info-fg);
  --color-brand-role-input-fg-label: var(--color-brand-font-title);
  --color-brand-role-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-brand-role-input-fg-required: var(--color-input-fg-required);
  --color-brand-role-input-fg-success: var(--color-brand-feedback-success-fg);
  --color-brand-role-input-fg-value: var(--color-brand-font-title);
  --color-brand-role-input-fg-warning: var(--color-brand-feedback-warning-fg);
  --color-brand-role-input-glow-danger: var(--color-input-glow-danger);
  --color-brand-role-input-glow-focus: var(--color-blue-input-glow-focus);
  --color-brand-role-input-glow-info: var(--color-input-glow-info);
  --color-brand-role-input-glow-success: var(--color-input-glow-success);
  --color-brand-role-input-glow-warning: var(--color-input-glow-warning);
  --color-brand-role-input-select-option-bg-hover: var(--color-input-select-option-bg-hover);
  --color-brand-role-input-stroke-danger: var(--color-input-stroke-danger);
  --color-brand-role-input-stroke-default: var(--color-input-stroke-default);
  --color-brand-role-input-stroke-disabled: var(--color-brand-border-subtle);
  --color-brand-role-input-stroke-focus: var(--color-brand-role-text);
  --color-brand-role-input-stroke-hover: var(--color-input-stroke-hover);
  --color-brand-role-input-stroke-info: var(--color-input-stroke-info);
  --color-brand-role-input-stroke-success: var(--color-input-stroke-success);
  --color-brand-role-input-stroke-warning: var(--color-input-stroke-warning);
  --color-brand-role-relief-raised-medium: var(--color-relief-raised-medium);
  --color-brand-role-relief-raised-strong: var(--color-relief-raised-strong);
  --color-brand-role-relief-raised-weak: var(--color-relief-raised-weak);
  --color-brand-role-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-brand-role-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-brand-role-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-brand-role-subtle: var(--color-blue-subtle);
  --color-brand-role-subtle-hover: var(--color-blue-subtle-hover);
  --color-brand-role-subtle-medium: var(--color-blue-subtle-medium);
  --color-brand-role-subtle-pressed: var(--color-blue-subtle-pressed);
  --color-brand-role-subtle-regular: var(--color-blue-subtle-regular);
  --color-brand-role-subtle-strong: var(--color-blue-subtle-strong);
  --color-brand-role-subtle-weak: var(--color-blue-subtle-weak);
  --color-brand-role-table-bg-default: var(--color-brand-role-bg-gray-page);
  --color-brand-role-table-bg-focus: var(--color-brand-a07);
  --color-brand-role-table-bg-gray: var(--color-layout-table-bg-gray);
  --color-brand-role-table-bg-hover: var(--color-brand-a05);
  --color-brand-role-table-header-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-brand-role-table-header-bg-gray: var(--color-layout-table-header-bg-gray);
  --color-brand-role-table-header-stroke-bottom-black: var(--color-black-base);
  --color-brand-role-table-shadow-brand-end: var(--color-blue-a00);
  --color-brand-role-table-shadow-brand-start: var(--color-blue-a25);
  --color-brand-role-table-shadow-neutral-end: var(--color-gray-a00);
  --color-brand-role-table-shadow-neutral-start: var(--color-gray-a25);
  --color-brand-role-table-stroke-default: var(--color-brand-border-default);
  --color-brand-role-table-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-role-table-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-table-stroke-terminal: var(--color-gray-800);
  --color-brand-role-text: var(--color-blue-text);
  --color-brand-role-text-hover: var(--color-blue-text-hover);
  --color-brand-role-text-on-solid: var(--color-blue-text-on-solid);
  --color-brand-role-text-pressed: var(--color-blue-text-pressed);
  --color-brand-subtle-gray-default: var(--color-layout-subtle-gray-default);
  --color-brand-subtle-gray-hover: var(--color-layout-subtle-gray-hover);
  --color-brand-subtle-gray-medium: var(--color-layout-subtle-gray-medium);
  --color-brand-subtle-gray-pressed: var(--color-layout-subtle-gray-pressed);
  --color-brand-subtle-gray-regular: var(--color-layout-subtle-gray-regular);
  --color-brand-subtle-gray-strong: var(--color-layout-subtle-gray-strong);
  --color-brand-subtle-gray-weak: var(--color-layout-subtle-gray-weak);
  --color-brand-text-inverse: var(--color-layout-text-inverse);
  --color-brand-text-inverse-muted: var(--color-layout-text-inverse-muted);
  --color-brand-text-neutral-on-solid-muted: var(--color-layout-text-on-solid-muted);
  --color-brand-white: var(--color-white-base);
  --color-brand-white-a00: var(--color-white-a00);
  --color-brand-white-a02: var(--color-white-a02);
  --color-brand-white-a03: var(--color-white-a03);
  --color-brand-white-a05: var(--color-white-a05);
  --color-brand-white-a07: var(--color-white-a07);
  --color-brand-white-a10: var(--color-white-a10);
  --color-brand-white-a12: var(--color-white-a12);
  --color-brand-white-a15: var(--color-white-a15);
  --color-brand-white-a20: var(--color-white-a20);
  --color-brand-white-a25: var(--color-white-a25);
  --color-brand-white-a30: var(--color-white-a30);
  --color-brand-white-a35: var(--color-white-a35);
  --color-brand-white-a40: var(--color-white-a40);
  --color-brand-white-a45: var(--color-white-a45);
  --color-brand-white-a50: var(--color-white-a50);
  --color-brand-white-a90: var(--color-white-a90);
  --color-brand-white-a95: var(--color-white-a95);
  --color-brand-white-bg-layer-2: var(--color-white-bg-layer-2);
  --color-brand-white-bg-layer-3: var(--color-white-bg-layer-3);
  --color-brand-white-bg-layer-4: var(--color-white-bg-layer-4);
  --color-brand-white-bg-layer-5: var(--color-white-bg-layer-5);
  --color-brand-white-bg-page: var(--color-white-bg-page);
  --color-brand-white-fill: var(--color-white-fill);
  --color-brand-white-fill-hover: var(--color-white-fill-hover);
  --color-brand-white-fill-pressed: var(--color-white-fill-pressed);
  --color-brand-white-input-glow-focus: var(--color-white-input-glow-focus);
  --color-brand-white-subtle: var(--color-white-subtle);
  --color-brand-white-subtle-hover: var(--color-white-subtle-hover);
  --color-brand-white-subtle-pressed: var(--color-white-subtle-pressed);
  --color-brand-white-text: var(--color-white-text);
  --color-brand-white-text-hover: var(--color-white-text-hover);
  --color-brand-white-text-on-solid: var(--color-white-text-on-solid);
  --color-brand-white-text-pressed: var(--color-white-text-pressed);
  --color-selection-bg-disabled: var(--color-brand-role-input-bg-disabled);
  --color-selection-bg-unselected: var(--color-brand-role-input-bg-default);
  --color-selection-bg-unselected-hover: var(--color-brand-role-input-bg-hover);
  --color-selection-fg-indicator-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-indicator-selected: var(--color-brand-role-text-on-solid);
  --color-selection-fg-indicator-unselected: var(--color-brand-role-input-fg-icon-default);
  --color-selection-fg-label: var(--color-layout-text-title);
  --color-selection-fg-label-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-selected-control: var(--color-brand-role-text);
  --color-selection-fg-selected-control-hover: var(--color-brand-role-text-hover);
  --color-selection-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-selection-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-selection-stroke-unselected: var(--color-brand-role-input-stroke-default);
  --color-selection-stroke-unselected-hover: var(--color-brand-role-input-stroke-hover);
  --color-input-select-option-bg-hover: var(--color-brand-role-subtle);
  --color-input-select-option-panel-stroke: var(--color-brand-role-input-stroke-focus);
  --color-action-brand-border: var(--color-brand-accessible-solid-default);
  --color-action-brand-category-bg: var(--color-brand-role-subtle);
  --color-action-brand-fill: var(--color-brand-accessible-solid-default);
  --color-action-brand-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-action-brand-fill-press: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-text: var(--color-brand-role-text-on-solid);
  --color-action-brand-hover: var(--color-brand-role-subtle-hover);
  --color-action-brand-press: var(--color-brand-role-subtle-pressed);
  --color-action-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-action-brand-subtle: var(--color-brand-role-subtle);
  --color-action-brand-text: var(--color-brand-role-text);
  --color-action-brand-tonal: var(--color-brand-role-subtle);
  --color-action-primary-default: var(--color-brand-accessible-solid-default);
  --color-action-primary-hover: var(--color-brand-accessible-solid-hover);
  --color-action-primary-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-action-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-action-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-category: var(--color-brand-role-subtle);
  --color-bg-brand-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-selected: var(--color-brand-a10);
  --color-bg-brand-selected-hover: var(--color-brand-a15);
  --color-bg-brand-solid: var(--color-brand-accessible-solid-default);
  --color-bg-brand-solid-hover: var(--color-brand-accessible-solid-hover);
  --color-bg-brand-solid-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-bg-brand-tag: var(--color-brand-role-subtle);
  --color-border-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-default: var(--color-brand-base-default);
  --color-brand-hover: var(--color-brand-base-hover);
  --color-brand-pressed: var(--color-brand-base-pressed);
  --color-brand-role-feedback-danger-bg: var(--color-brand-feedback-danger-bg);
  --color-brand-role-feedback-danger-bg-hover: var(--color-brand-feedback-danger-bg-hover);
  --color-brand-role-feedback-danger-bg-pressed: var(--color-brand-feedback-danger-bg-pressed);
  --color-brand-role-feedback-danger-border: var(--color-brand-feedback-danger-border);
  --color-brand-role-feedback-danger-fg: var(--color-brand-feedback-danger-fg);
  --color-brand-role-feedback-danger-fill: var(--color-brand-feedback-danger-solid);
  --color-brand-role-feedback-danger-fill-hover: var(--color-brand-feedback-danger-solid-hover);
  --color-brand-role-feedback-danger-fill-pressed: var(--color-brand-feedback-danger-solid-pressed);
  --color-brand-role-feedback-info-bg: var(--color-brand-feedback-info-bg);
  --color-brand-role-feedback-info-bg-hover: var(--color-brand-feedback-info-bg-hover);
  --color-brand-role-feedback-info-bg-pressed: var(--color-brand-feedback-info-bg-pressed);
  --color-brand-role-feedback-info-border: var(--color-brand-feedback-info-border);
  --color-brand-role-feedback-info-fg: var(--color-brand-feedback-info-fg);
  --color-brand-role-feedback-info-fill: var(--color-brand-feedback-info-solid);
  --color-brand-role-feedback-info-fill-hover: var(--color-brand-feedback-info-solid-hover);
  --color-brand-role-feedback-info-fill-pressed: var(--color-brand-feedback-info-solid-pressed);
  --color-brand-role-feedback-success-bg: var(--color-brand-feedback-success-bg);
  --color-brand-role-feedback-success-bg-hover: var(--color-brand-feedback-success-bg-hover);
  --color-brand-role-feedback-success-bg-pressed: var(--color-brand-feedback-success-bg-pressed);
  --color-brand-role-feedback-success-border: var(--color-brand-feedback-success-border);
  --color-brand-role-feedback-success-fg: var(--color-brand-feedback-success-fg);
  --color-brand-role-feedback-success-fill: var(--color-brand-feedback-success-solid);
  --color-brand-role-feedback-success-fill-hover: var(--color-brand-feedback-success-solid-hover);
  --color-brand-role-feedback-success-fill-pressed: var(--color-brand-feedback-success-solid-pressed);
  --color-brand-role-feedback-warning-bg: var(--color-brand-feedback-warning-bg);
  --color-brand-role-feedback-warning-bg-hover: var(--color-brand-feedback-warning-bg-hover);
  --color-brand-role-feedback-warning-bg-pressed: var(--color-brand-feedback-warning-bg-pressed);
  --color-brand-role-feedback-warning-border: var(--color-brand-feedback-warning-border);
  --color-brand-role-feedback-warning-fg: var(--color-brand-feedback-warning-fg);
  --color-brand-role-feedback-warning-fill: var(--color-brand-feedback-warning-solid);
  --color-brand-role-feedback-warning-fill-hover: var(--color-brand-feedback-warning-solid-hover);
  --color-brand-role-feedback-warning-fill-pressed: var(--color-brand-feedback-warning-solid-pressed);
  --color-brand-role-fill: var(--color-brand-accessible-solid-default);
  --color-brand-role-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-brand-role-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-brand-role-layout-stroke-default: var(--color-brand-border-default);
  --color-brand-role-layout-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-layout-stroke-subtle: var(--color-brand-border-subtle);
  --color-brand-role-layout-text-default: var(--color-brand-font-title);
  --color-brand-role-layout-text-inverse: var(--color-brand-text-inverse);
  --color-brand-role-layout-text-inverse-muted: var(--color-brand-text-inverse-muted);
  --color-brand-role-layout-text-muted: var(--color-brand-font-body);
  --color-brand-role-layout-text-on-solid: var(--color-brand-font-always-white);
  --color-brand-text-neutral-on-solid: var(--color-brand-font-always-white);
  --color-brand-role-layout-text-on-solid-muted: var(--color-brand-text-neutral-on-solid-muted);
  --color-brand-role-layout-text-subtle: var(--color-brand-font-caption);
  --color-brand-role-table-header-bg-brand: var(--color-brand-accessible-solid-default);
  --color-brand-role-table-text-on-brand: var(--color-brand-role-text-on-solid);
  --color-brand-role-text-body: var(--color-brand-font-body);
  --color-brand-role-text-caption: var(--color-brand-font-caption);
  --color-brand-role-text-caption-light: var(--color-brand-font-caption-light);
  --color-brand-role-text-disabled: var(--color-brand-font-disabled);
  --color-brand-role-text-selected: var(--color-brand-role-text-pressed);
  --color-brand-role-text-title: var(--color-brand-font-title);
  --color-brand-text: var(--color-brand-role-text);
  --color-brand-text-active: var(--color-brand-role-text-pressed);
  --color-brand-text-hover: var(--color-brand-role-text-hover);
  --color-button-category-brand-bg: var(--color-brand-role-subtle);
  --color-button-category-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-category-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-category-brand-fg: var(--color-brand-role-text);
  --color-button-category-brand-stroke: var(--color-brand-role-text);
  --color-button-fill-brand-bg: var(--color-brand-accessible-solid-default);
  --color-button-fill-brand-bg-hover: var(--color-brand-accessible-solid-hover);
  --color-button-fill-brand-bg-pressed: var(--color-brand-accessible-solid-pressed);
  --color-button-fill-brand-fg: var(--color-brand-role-text-on-solid);
  --color-button-outline-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-outline-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-outline-brand-fg: var(--color-brand-role-text);
  --color-button-outline-brand-stroke: var(--color-brand-role-text);
  --color-button-subtle-brand-bg: var(--color-brand-role-subtle);
  --color-button-subtle-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-subtle-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-subtle-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-text-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-text-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-fg-hover: var(--color-brand-role-text-hover);
  --color-button-text-brand-fg-pressed: var(--color-brand-role-text-pressed);
  --color-fg-brand: var(--color-brand-role-text);
  --color-fg-brand-hover: var(--color-brand-role-text-hover);
  --color-fg-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-fg-brand-selected: var(--color-brand-role-text-pressed);
  --color-input-fg-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-field-default: var(--color-brand-role-input-bg-default);
  --color-input-field-disabled: var(--color-brand-role-input-bg-disabled);
  --color-input-field-focus: var(--color-brand-role-input-bg-focus);
  --color-input-field-hover: var(--color-brand-role-input-bg-hover);
  --color-input-field-user-dark: var(--color-brand-role-input-bg-user-dark);
  --color-input-field-user-light: var(--color-brand-role-input-bg-user-light);
  --color-input-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-input-icon-action: var(--color-brand-role-input-fg-icon-action);
  --color-input-icon-default: var(--color-brand-role-input-fg-icon-default);
  --color-input-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-input-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-input-text-helper: var(--color-brand-role-input-fg-helper);
  --color-input-text-placeholder: var(--color-brand-role-input-fg-placeholder);
  --color-input-text-required: var(--color-brand-role-input-fg-required);
  --color-selection-bg-selected: var(--color-brand-accessible-solid-default);
  --color-selection-bg-selected-hover: var(--color-brand-accessible-solid-hover);
  --color-state-brand-hover: var(--color-brand-role-subtle-hover);
  --color-state-brand-selected: var(--color-brand-a10);
  --color-state-brand-selected-hover: var(--color-brand-a15);
  --color-stroke-brand: var(--color-brand-accessible-solid-default);
  --color-stroke-focus-ring: var(--color-brand-role-input-stroke-focus);
  --color-text-brand: var(--color-brand-role-text);
  --color-text-brand-active: var(--color-brand-role-text-pressed);
  --color-text-brand-hover: var(--color-brand-role-text-hover);
  --color-text-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-text-brand-selected: var(--color-brand-role-text-pressed);
}
}


[data-brand="blue"][data-theme="dark"] {
  --color-brand-50: var(--color-blue-50);
  --color-brand-100: var(--color-blue-100);
  --color-brand-150: var(--color-blue-150);
  --color-brand-200: var(--color-blue-200);
  --color-brand-250: var(--color-blue-250);
  --color-brand-300: var(--color-blue-300);
  --color-brand-350: var(--color-blue-350);
  --color-brand-400: var(--color-blue-400);
  --color-brand-450: var(--color-blue-450);
  --color-brand-500: var(--color-blue-500);
  --color-brand-550: var(--color-blue-550);
  --color-brand-600: var(--color-blue-600);
  --color-brand-650: var(--color-blue-650);
  --color-brand-700: var(--color-blue-700);
  --color-brand-750: var(--color-blue-750);
  --color-brand-800: var(--color-blue-800);
  --color-brand-850: var(--color-blue-850);
  --color-brand-900: var(--color-blue-900);
  --color-brand-950: var(--color-blue-950);
  --color-brand-a00: var(--color-blue-a00);
  --color-brand-a03: var(--color-blue-a02);
  --color-brand-a05: var(--color-blue-a05);
  --color-brand-a07: var(--color-blue-a07);
  --color-brand-a10: var(--color-blue-a10);
  --color-brand-a12: var(--color-blue-a12);
  --color-brand-a15: var(--color-blue-a15);
  --color-brand-a20: var(--color-blue-a20);
  --color-brand-a25: var(--color-blue-a25);
  --color-brand-a30: var(--color-blue-a30);
  --color-brand-a35: var(--color-blue-a35);
  --color-brand-a40: var(--color-blue-a40);
  --color-brand-a45: var(--color-blue-a45);
  --color-brand-a50: var(--color-blue-a50);
  --color-brand-accessible-solid-default: var(--color-blue-fill);
  --color-brand-accessible-solid-hover: var(--color-blue-fill-hover);
  --color-brand-accessible-solid-pressed: var(--color-blue-fill-pressed);
  --color-brand-base-default: var(--color-blue-base-default);
  --color-brand-base-hover: var(--color-blue-base-hover);
  --color-brand-base-pressed: var(--color-blue-base-pressed);
  --color-brand-black: var(--color-black-base);
  --color-brand-black-a00: var(--color-black-a00);
  --color-brand-black-a02: var(--color-black-a02);
  --color-brand-black-a03: var(--color-black-a03);
  --color-brand-black-a05: var(--color-black-a05);
  --color-brand-black-a07: var(--color-black-a07);
  --color-brand-black-a10: var(--color-black-a10);
  --color-brand-black-a12: var(--color-black-a12);
  --color-brand-black-a15: var(--color-black-a15);
  --color-brand-black-a20: var(--color-black-a20);
  --color-brand-black-a25: var(--color-black-a25);
  --color-brand-black-a30: var(--color-black-a30);
  --color-brand-black-a35: var(--color-black-a35);
  --color-brand-black-a40: var(--color-black-a40);
  --color-brand-black-a45: var(--color-black-a45);
  --color-brand-black-a50: var(--color-black-a50);
  --color-brand-black-a70: var(--color-black-a70);
  --color-brand-black-bg-layer-2: var(--color-black-bg-layer-2);
  --color-brand-black-bg-layer-3: var(--color-black-bg-layer-3);
  --color-brand-black-bg-layer-4: var(--color-black-bg-layer-4);
  --color-brand-black-bg-layer-5: var(--color-black-bg-layer-5);
  --color-brand-black-bg-page: var(--color-black-bg-page);
  --color-brand-black-fill: var(--color-black-fill);
  --color-brand-black-fill-hover: var(--color-black-fill-hover);
  --color-brand-black-fill-pressed: var(--color-black-fill-pressed);
  --color-brand-black-input-glow-focus: var(--color-black-input-glow-focus);
  --color-brand-black-subtle: var(--color-black-subtle);
  --color-brand-black-subtle-hover: var(--color-black-subtle-hover);
  --color-brand-black-subtle-pressed: var(--color-black-subtle-pressed);
  --color-brand-black-text: var(--color-black-text);
  --color-brand-black-text-hover: var(--color-black-text-hover);
  --color-brand-black-text-on-solid: var(--color-black-text-on-solid);
  --color-brand-black-text-pressed: var(--color-black-text-pressed);
  --color-brand-border-default: var(--color-layout-stroke-default);
  --color-brand-border-strong: var(--color-layout-stroke-strong);
  --color-brand-border-subtle: var(--color-layout-stroke-subtle);
  --color-brand-elevation-1: var(--color-elevation-shadow-1);
  --color-brand-elevation-2: var(--color-elevation-shadow-2);
  --color-brand-elevation-3: var(--color-elevation-shadow-3);
  --color-brand-elevation-4: var(--color-elevation-shadow-4);
  --color-brand-elevation-5: var(--color-elevation-shadow-5);
  --color-brand-elevation-raised: var(--color-elevation-raised);
  --color-brand-elevation-sunken: var(--color-elevation-sunken);
  --color-brand-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-brand-feedback-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-brand-feedback-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-brand-feedback-danger-border: var(--color-feedback-danger-border);
  --color-brand-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-brand-feedback-danger-on-solid: var(--color-feedback-danger-on-solid);
  --color-brand-feedback-danger-solid: var(--color-feedback-danger-solid);
  --color-brand-feedback-danger-solid-hover: var(--color-feedback-danger-solid-hover);
  --color-brand-feedback-danger-solid-pressed: var(--color-feedback-danger-solid-pressed);
  --color-brand-feedback-info-bg: var(--color-feedback-info-bg);
  --color-brand-feedback-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-brand-feedback-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-brand-feedback-info-border: var(--color-feedback-info-border);
  --color-brand-feedback-info-fg: var(--color-feedback-info-fg);
  --color-brand-feedback-info-on-solid: var(--color-feedback-info-on-solid);
  --color-brand-feedback-info-solid: var(--color-feedback-info-solid);
  --color-brand-feedback-info-solid-hover: var(--color-feedback-info-solid-hover);
  --color-brand-feedback-info-solid-pressed: var(--color-feedback-info-solid-pressed);
  --color-brand-feedback-success-bg: var(--color-feedback-success-bg);
  --color-brand-feedback-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-brand-feedback-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-brand-feedback-success-border: var(--color-feedback-success-border);
  --color-brand-feedback-success-fg: var(--color-feedback-success-fg);
  --color-brand-feedback-success-on-solid: var(--color-feedback-success-on-solid);
  --color-brand-feedback-success-solid: var(--color-feedback-success-solid);
  --color-brand-feedback-success-solid-hover: var(--color-feedback-success-solid-hover);
  --color-brand-feedback-success-solid-pressed: var(--color-feedback-success-solid-pressed);
  --color-brand-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-brand-feedback-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-brand-feedback-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-brand-feedback-warning-border: var(--color-feedback-warning-border);
  --color-brand-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-brand-feedback-warning-on-solid: var(--color-feedback-warning-on-solid);
  --color-brand-feedback-warning-solid: var(--color-feedback-warning-solid);
  --color-brand-feedback-warning-solid-hover: var(--color-feedback-warning-solid-hover);
  --color-brand-feedback-warning-solid-pressed: var(--color-feedback-warning-solid-pressed);
  --color-brand-font-always-black: var(--color-layout-text-always-black);
  --color-brand-font-always-white: var(--color-layout-text-always-white);
  --color-brand-font-body: var(--color-layout-text-body);
  --color-brand-font-caption: var(--color-layout-text-caption);
  --color-brand-font-caption-light: var(--color-layout-text-caption-light);
  --color-brand-font-disabled: var(--color-layout-text-disabled);
  --color-brand-font-title: var(--color-layout-text-title);
  --color-brand-glass-contrast-surface: var(--color-glass-contrast-surface);
  --color-brand-glass-middle-surface: var(--color-glass-middle-surface);
  --color-brand-glass-soft-surface: var(--color-glass-soft-surface);
  --color-brand-glass-solid-surface: var(--color-glass-solid-surface);
  --color-brand-glass-strong-surface: var(--color-glass-strong-surface);
  --color-brand-role-bg-dim: var(--color-elevation-dim);
  --color-brand-role-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-brand-role-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-brand-role-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-brand-role-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-brand-role-bg-gray-page: var(--color-elevation-gray-page);
  --color-brand-role-bg-layer-2: var(--color-blue-bg-layer-2);
  --color-brand-role-bg-layer-3: var(--color-blue-bg-layer-3);
  --color-brand-role-bg-layer-4: var(--color-blue-bg-layer-4);
  --color-brand-role-bg-layer-5: var(--color-blue-bg-layer-5);
  --color-brand-role-bg-page: var(--color-blue-bg-page);
  --color-brand-role-bg-system-elevation-1: var(--color-elevation-system-1);
  --color-brand-role-bg-system-elevation-2: var(--color-elevation-system-2);
  --color-brand-role-bg-system-elevation-3: var(--color-elevation-system-3);
  --color-brand-role-bg-system-elevation-4: var(--color-elevation-system-4);
  --color-brand-role-bg-system-elevation-5: var(--color-elevation-system-5);
  --color-brand-role-bg-system-page: var(--color-brand-role-bg-system-elevation-1);
  --color-brand-role-bg-system-search-bar: var(--color-brand-role-bg-system-elevation-2);
  --color-brand-role-bg-system-sidebar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-system-topbar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-user-elevation-1: var(--color-elevation-user-1);
  --color-brand-role-bg-user-elevation-2: var(--color-elevation-user-2);
  --color-brand-role-bg-user-elevation-3: var(--color-elevation-user-3);
  --color-brand-role-bg-user-elevation-4: var(--color-elevation-user-4);
  --color-brand-role-bg-user-elevation-5: var(--color-elevation-user-5);
  --color-brand-role-input-bg-default: var(--color-input-bg-default);
  --color-brand-role-input-bg-disabled: var(--color-input-bg-disabled);
  --color-brand-role-input-bg-focus: var(--color-input-bg-focus);
  --color-brand-role-input-bg-hover: var(--color-input-bg-hover);
  --color-brand-role-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-brand-role-input-bg-user-light: var(--color-input-bg-user-light);
  --color-brand-role-input-fg-danger: var(--color-brand-feedback-danger-fg);
  --color-brand-role-input-fg-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-helper: var(--color-input-fg-helper);
  --color-brand-role-input-fg-icon-action: var(--color-brand-font-body);
  --color-brand-role-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-brand-role-input-fg-icon-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-icon-focus: var(--color-brand-role-text);
  --color-brand-role-input-fg-info: var(--color-brand-feedback-info-fg);
  --color-brand-role-input-fg-label: var(--color-brand-font-title);
  --color-brand-role-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-brand-role-input-fg-required: var(--color-input-fg-required);
  --color-brand-role-input-fg-success: var(--color-brand-feedback-success-fg);
  --color-brand-role-input-fg-value: var(--color-brand-font-title);
  --color-brand-role-input-fg-warning: var(--color-brand-feedback-warning-fg);
  --color-brand-role-input-glow-danger: var(--color-input-glow-danger);
  --color-brand-role-input-glow-focus: var(--color-blue-input-glow-focus);
  --color-brand-role-input-glow-info: var(--color-input-glow-info);
  --color-brand-role-input-glow-success: var(--color-input-glow-success);
  --color-brand-role-input-glow-warning: var(--color-input-glow-warning);
  --color-brand-role-input-select-option-bg-hover: var(--color-input-select-option-bg-hover);
  --color-brand-role-input-stroke-danger: var(--color-input-stroke-danger);
  --color-brand-role-input-stroke-default: var(--color-input-stroke-default);
  --color-brand-role-input-stroke-disabled: var(--color-brand-border-subtle);
  --color-brand-role-input-stroke-focus: var(--color-brand-role-text);
  --color-brand-role-input-stroke-hover: var(--color-input-stroke-hover);
  --color-brand-role-input-stroke-info: var(--color-input-stroke-info);
  --color-brand-role-input-stroke-success: var(--color-input-stroke-success);
  --color-brand-role-input-stroke-warning: var(--color-input-stroke-warning);
  --color-brand-role-relief-raised-medium: var(--color-relief-raised-medium);
  --color-brand-role-relief-raised-strong: var(--color-relief-raised-strong);
  --color-brand-role-relief-raised-weak: var(--color-relief-raised-weak);
  --color-brand-role-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-brand-role-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-brand-role-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-brand-role-subtle: var(--color-blue-subtle);
  --color-brand-role-subtle-hover: var(--color-blue-subtle-hover);
  --color-brand-role-subtle-medium: var(--color-blue-subtle-medium);
  --color-brand-role-subtle-pressed: var(--color-blue-subtle-pressed);
  --color-brand-role-subtle-regular: var(--color-blue-subtle-regular);
  --color-brand-role-subtle-strong: var(--color-blue-subtle-strong);
  --color-brand-role-subtle-weak: var(--color-blue-subtle-weak);
  --color-brand-role-table-bg-default: var(--color-brand-role-bg-gray-page);
  --color-brand-role-table-bg-focus: var(--color-brand-a07);
  --color-brand-role-table-bg-gray: var(--color-layout-table-bg-gray);
  --color-brand-role-table-bg-hover: var(--color-brand-a05);
  --color-brand-role-table-header-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-brand-role-table-header-bg-gray: var(--color-layout-table-header-bg-gray);
  --color-brand-role-table-header-stroke-bottom-black: var(--color-black-base);
  --color-brand-role-table-shadow-brand-end: var(--color-blue-a00);
  --color-brand-role-table-shadow-brand-start: var(--color-blue-a25);
  --color-brand-role-table-shadow-neutral-end: var(--color-gray-a00);
  --color-brand-role-table-shadow-neutral-start: var(--color-gray-a25);
  --color-brand-role-table-stroke-default: var(--color-brand-border-default);
  --color-brand-role-table-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-role-table-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-table-stroke-terminal: var(--color-gray-800);
  --color-brand-role-text: var(--color-blue-text);
  --color-brand-role-text-hover: var(--color-blue-text-hover);
  --color-brand-role-text-on-solid: var(--color-blue-text-on-solid);
  --color-brand-role-text-pressed: var(--color-blue-text-pressed);
  --color-brand-subtle-gray-default: var(--color-layout-subtle-gray-default);
  --color-brand-subtle-gray-hover: var(--color-layout-subtle-gray-hover);
  --color-brand-subtle-gray-medium: var(--color-layout-subtle-gray-medium);
  --color-brand-subtle-gray-pressed: var(--color-layout-subtle-gray-pressed);
  --color-brand-subtle-gray-regular: var(--color-layout-subtle-gray-regular);
  --color-brand-subtle-gray-strong: var(--color-layout-subtle-gray-strong);
  --color-brand-subtle-gray-weak: var(--color-layout-subtle-gray-weak);
  --color-brand-text-inverse: var(--color-layout-text-inverse);
  --color-brand-text-inverse-muted: var(--color-layout-text-inverse-muted);
  --color-brand-text-neutral-on-solid-muted: var(--color-layout-text-on-solid-muted);
  --color-brand-white: var(--color-white-base);
  --color-brand-white-a00: var(--color-white-a00);
  --color-brand-white-a02: var(--color-white-a02);
  --color-brand-white-a03: var(--color-white-a03);
  --color-brand-white-a05: var(--color-white-a05);
  --color-brand-white-a07: var(--color-white-a07);
  --color-brand-white-a10: var(--color-white-a10);
  --color-brand-white-a12: var(--color-white-a12);
  --color-brand-white-a15: var(--color-white-a15);
  --color-brand-white-a20: var(--color-white-a20);
  --color-brand-white-a25: var(--color-white-a25);
  --color-brand-white-a30: var(--color-white-a30);
  --color-brand-white-a35: var(--color-white-a35);
  --color-brand-white-a40: var(--color-white-a40);
  --color-brand-white-a45: var(--color-white-a45);
  --color-brand-white-a50: var(--color-white-a50);
  --color-brand-white-a90: var(--color-white-a90);
  --color-brand-white-a95: var(--color-white-a95);
  --color-brand-white-bg-layer-2: var(--color-white-bg-layer-2);
  --color-brand-white-bg-layer-3: var(--color-white-bg-layer-3);
  --color-brand-white-bg-layer-4: var(--color-white-bg-layer-4);
  --color-brand-white-bg-layer-5: var(--color-white-bg-layer-5);
  --color-brand-white-bg-page: var(--color-white-bg-page);
  --color-brand-white-fill: var(--color-white-fill);
  --color-brand-white-fill-hover: var(--color-white-fill-hover);
  --color-brand-white-fill-pressed: var(--color-white-fill-pressed);
  --color-brand-white-input-glow-focus: var(--color-white-input-glow-focus);
  --color-brand-white-subtle: var(--color-white-subtle);
  --color-brand-white-subtle-hover: var(--color-white-subtle-hover);
  --color-brand-white-subtle-pressed: var(--color-white-subtle-pressed);
  --color-brand-white-text: var(--color-white-text);
  --color-brand-white-text-hover: var(--color-white-text-hover);
  --color-brand-white-text-on-solid: var(--color-white-text-on-solid);
  --color-brand-white-text-pressed: var(--color-white-text-pressed);
  --color-selection-bg-disabled: var(--color-brand-role-input-bg-disabled);
  --color-selection-bg-unselected: var(--color-brand-role-input-bg-default);
  --color-selection-bg-unselected-hover: var(--color-brand-role-input-bg-hover);
  --color-selection-fg-indicator-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-indicator-selected: var(--color-brand-role-text-on-solid);
  --color-selection-fg-indicator-unselected: var(--color-brand-role-input-fg-icon-default);
  --color-selection-fg-label: var(--color-layout-text-title);
  --color-selection-fg-label-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-selected-control: var(--color-brand-role-text);
  --color-selection-fg-selected-control-hover: var(--color-brand-role-text-hover);
  --color-selection-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-selection-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-selection-stroke-unselected: var(--color-brand-role-input-stroke-default);
  --color-selection-stroke-unselected-hover: var(--color-brand-role-input-stroke-hover);
  --color-input-select-option-bg-hover: var(--color-brand-role-subtle-hover);
  --color-input-select-option-panel-stroke: var(--color-white-a10);
  --color-action-brand-border: var(--color-brand-accessible-solid-default);
  --color-action-brand-category-bg: var(--color-brand-role-subtle);
  --color-action-brand-fill: var(--color-brand-accessible-solid-default);
  --color-action-brand-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-action-brand-fill-press: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-text: var(--color-brand-role-text-on-solid);
  --color-action-brand-hover: var(--color-brand-role-subtle-hover);
  --color-action-brand-press: var(--color-brand-role-subtle-pressed);
  --color-action-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-action-brand-subtle: var(--color-brand-role-subtle);
  --color-action-brand-text: var(--color-brand-role-text);
  --color-action-brand-tonal: var(--color-brand-role-subtle);
  --color-action-primary-default: var(--color-brand-accessible-solid-default);
  --color-action-primary-hover: var(--color-brand-accessible-solid-hover);
  --color-action-primary-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-action-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-action-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-category: var(--color-brand-role-subtle);
  --color-bg-brand-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-selected: var(--color-brand-a10);
  --color-bg-brand-selected-hover: var(--color-brand-a15);
  --color-bg-brand-solid: var(--color-brand-accessible-solid-default);
  --color-bg-brand-solid-hover: var(--color-brand-accessible-solid-hover);
  --color-bg-brand-solid-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-bg-brand-tag: var(--color-brand-role-subtle);
  --color-border-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-default: var(--color-brand-base-default);
  --color-brand-hover: var(--color-brand-base-hover);
  --color-brand-pressed: var(--color-brand-base-pressed);
  --color-brand-role-feedback-danger-bg: var(--color-brand-feedback-danger-bg);
  --color-brand-role-feedback-danger-bg-hover: var(--color-brand-feedback-danger-bg-hover);
  --color-brand-role-feedback-danger-bg-pressed: var(--color-brand-feedback-danger-bg-pressed);
  --color-brand-role-feedback-danger-border: var(--color-brand-feedback-danger-border);
  --color-brand-role-feedback-danger-fg: var(--color-brand-feedback-danger-fg);
  --color-brand-role-feedback-danger-fill: var(--color-brand-feedback-danger-solid);
  --color-brand-role-feedback-danger-fill-hover: var(--color-brand-feedback-danger-solid-hover);
  --color-brand-role-feedback-danger-fill-pressed: var(--color-brand-feedback-danger-solid-pressed);
  --color-brand-role-feedback-info-bg: var(--color-brand-feedback-info-bg);
  --color-brand-role-feedback-info-bg-hover: var(--color-brand-feedback-info-bg-hover);
  --color-brand-role-feedback-info-bg-pressed: var(--color-brand-feedback-info-bg-pressed);
  --color-brand-role-feedback-info-border: var(--color-brand-feedback-info-border);
  --color-brand-role-feedback-info-fg: var(--color-brand-feedback-info-fg);
  --color-brand-role-feedback-info-fill: var(--color-brand-feedback-info-solid);
  --color-brand-role-feedback-info-fill-hover: var(--color-brand-feedback-info-solid-hover);
  --color-brand-role-feedback-info-fill-pressed: var(--color-brand-feedback-info-solid-pressed);
  --color-brand-role-feedback-success-bg: var(--color-brand-feedback-success-bg);
  --color-brand-role-feedback-success-bg-hover: var(--color-brand-feedback-success-bg-hover);
  --color-brand-role-feedback-success-bg-pressed: var(--color-brand-feedback-success-bg-pressed);
  --color-brand-role-feedback-success-border: var(--color-brand-feedback-success-border);
  --color-brand-role-feedback-success-fg: var(--color-brand-feedback-success-fg);
  --color-brand-role-feedback-success-fill: var(--color-brand-feedback-success-solid);
  --color-brand-role-feedback-success-fill-hover: var(--color-brand-feedback-success-solid-hover);
  --color-brand-role-feedback-success-fill-pressed: var(--color-brand-feedback-success-solid-pressed);
  --color-brand-role-feedback-warning-bg: var(--color-brand-feedback-warning-bg);
  --color-brand-role-feedback-warning-bg-hover: var(--color-brand-feedback-warning-bg-hover);
  --color-brand-role-feedback-warning-bg-pressed: var(--color-brand-feedback-warning-bg-pressed);
  --color-brand-role-feedback-warning-border: var(--color-brand-feedback-warning-border);
  --color-brand-role-feedback-warning-fg: var(--color-brand-feedback-warning-fg);
  --color-brand-role-feedback-warning-fill: var(--color-brand-feedback-warning-solid);
  --color-brand-role-feedback-warning-fill-hover: var(--color-brand-feedback-warning-solid-hover);
  --color-brand-role-feedback-warning-fill-pressed: var(--color-brand-feedback-warning-solid-pressed);
  --color-brand-role-fill: var(--color-brand-accessible-solid-default);
  --color-brand-role-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-brand-role-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-brand-role-layout-stroke-default: var(--color-brand-border-default);
  --color-brand-role-layout-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-layout-stroke-subtle: var(--color-brand-border-subtle);
  --color-brand-role-layout-text-default: var(--color-brand-font-title);
  --color-brand-role-layout-text-inverse: var(--color-brand-text-inverse);
  --color-brand-role-layout-text-inverse-muted: var(--color-brand-text-inverse-muted);
  --color-brand-role-layout-text-muted: var(--color-brand-font-body);
  --color-brand-role-layout-text-on-solid: var(--color-brand-font-always-white);
  --color-brand-text-neutral-on-solid: var(--color-brand-font-always-white);
  --color-brand-role-layout-text-on-solid-muted: var(--color-brand-text-neutral-on-solid-muted);
  --color-brand-role-layout-text-subtle: var(--color-brand-font-caption);
  --color-brand-role-table-header-bg-brand: var(--color-brand-accessible-solid-default);
  --color-brand-role-table-text-on-brand: var(--color-brand-role-text-on-solid);
  --color-brand-role-text-body: var(--color-brand-font-body);
  --color-brand-role-text-caption: var(--color-brand-font-caption);
  --color-brand-role-text-caption-light: var(--color-brand-font-caption-light);
  --color-brand-role-text-disabled: var(--color-brand-font-disabled);
  --color-brand-role-text-selected: var(--color-brand-role-text-pressed);
  --color-brand-role-text-title: var(--color-brand-font-title);
  --color-brand-text: var(--color-brand-role-text);
  --color-brand-text-active: var(--color-brand-role-text-pressed);
  --color-brand-text-hover: var(--color-brand-role-text-hover);
  --color-button-category-brand-bg: var(--color-brand-role-subtle);
  --color-button-category-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-category-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-category-brand-fg: var(--color-brand-role-text);
  --color-button-category-brand-stroke: var(--color-brand-role-text);
  --color-button-fill-brand-bg: var(--color-brand-accessible-solid-default);
  --color-button-fill-brand-bg-hover: var(--color-brand-accessible-solid-hover);
  --color-button-fill-brand-bg-pressed: var(--color-brand-accessible-solid-pressed);
  --color-button-fill-brand-fg: var(--color-brand-role-text-on-solid);
  --color-button-outline-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-outline-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-outline-brand-fg: var(--color-brand-role-text);
  --color-button-outline-brand-stroke: var(--color-brand-role-text);
  --color-button-subtle-brand-bg: var(--color-brand-role-subtle);
  --color-button-subtle-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-subtle-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-subtle-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-text-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-text-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-fg-hover: var(--color-brand-role-text-hover);
  --color-button-text-brand-fg-pressed: var(--color-brand-role-text-pressed);
  --color-fg-brand: var(--color-brand-role-text);
  --color-fg-brand-hover: var(--color-brand-role-text-hover);
  --color-fg-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-fg-brand-selected: var(--color-brand-role-text-pressed);
  --color-input-fg-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-field-default: var(--color-brand-role-input-bg-default);
  --color-input-field-disabled: var(--color-brand-role-input-bg-disabled);
  --color-input-field-focus: var(--color-brand-role-input-bg-focus);
  --color-input-field-hover: var(--color-brand-role-input-bg-hover);
  --color-input-field-user-dark: var(--color-brand-role-input-bg-user-dark);
  --color-input-field-user-light: var(--color-brand-role-input-bg-user-light);
  --color-input-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-input-icon-action: var(--color-brand-role-input-fg-icon-action);
  --color-input-icon-default: var(--color-brand-role-input-fg-icon-default);
  --color-input-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-input-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-input-text-helper: var(--color-brand-role-input-fg-helper);
  --color-input-text-placeholder: var(--color-brand-role-input-fg-placeholder);
  --color-input-text-required: var(--color-brand-role-input-fg-required);
  --color-selection-bg-selected: var(--color-brand-accessible-solid-default);
  --color-selection-bg-selected-hover: var(--color-brand-accessible-solid-hover);
  --color-state-brand-hover: var(--color-brand-role-subtle-hover);
  --color-state-brand-selected: var(--color-brand-a10);
  --color-state-brand-selected-hover: var(--color-brand-a15);
  --color-stroke-brand: var(--color-brand-accessible-solid-default);
  --color-stroke-focus-ring: var(--color-brand-role-input-stroke-focus);
  --color-text-brand: var(--color-brand-role-text);
  --color-text-brand-active: var(--color-brand-role-text-pressed);
  --color-text-brand-hover: var(--color-brand-role-text-hover);
  --color-text-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-text-brand-selected: var(--color-brand-role-text-pressed);
}


@scope ([data-brand="blue"]) to (:scope [data-brand]) {
[data-theme="dark"] {
  --color-brand-50: var(--color-blue-50);
  --color-brand-100: var(--color-blue-100);
  --color-brand-150: var(--color-blue-150);
  --color-brand-200: var(--color-blue-200);
  --color-brand-250: var(--color-blue-250);
  --color-brand-300: var(--color-blue-300);
  --color-brand-350: var(--color-blue-350);
  --color-brand-400: var(--color-blue-400);
  --color-brand-450: var(--color-blue-450);
  --color-brand-500: var(--color-blue-500);
  --color-brand-550: var(--color-blue-550);
  --color-brand-600: var(--color-blue-600);
  --color-brand-650: var(--color-blue-650);
  --color-brand-700: var(--color-blue-700);
  --color-brand-750: var(--color-blue-750);
  --color-brand-800: var(--color-blue-800);
  --color-brand-850: var(--color-blue-850);
  --color-brand-900: var(--color-blue-900);
  --color-brand-950: var(--color-blue-950);
  --color-brand-a00: var(--color-blue-a00);
  --color-brand-a03: var(--color-blue-a02);
  --color-brand-a05: var(--color-blue-a05);
  --color-brand-a07: var(--color-blue-a07);
  --color-brand-a10: var(--color-blue-a10);
  --color-brand-a12: var(--color-blue-a12);
  --color-brand-a15: var(--color-blue-a15);
  --color-brand-a20: var(--color-blue-a20);
  --color-brand-a25: var(--color-blue-a25);
  --color-brand-a30: var(--color-blue-a30);
  --color-brand-a35: var(--color-blue-a35);
  --color-brand-a40: var(--color-blue-a40);
  --color-brand-a45: var(--color-blue-a45);
  --color-brand-a50: var(--color-blue-a50);
  --color-brand-accessible-solid-default: var(--color-blue-fill);
  --color-brand-accessible-solid-hover: var(--color-blue-fill-hover);
  --color-brand-accessible-solid-pressed: var(--color-blue-fill-pressed);
  --color-brand-base-default: var(--color-blue-base-default);
  --color-brand-base-hover: var(--color-blue-base-hover);
  --color-brand-base-pressed: var(--color-blue-base-pressed);
  --color-brand-black: var(--color-black-base);
  --color-brand-black-a00: var(--color-black-a00);
  --color-brand-black-a02: var(--color-black-a02);
  --color-brand-black-a03: var(--color-black-a03);
  --color-brand-black-a05: var(--color-black-a05);
  --color-brand-black-a07: var(--color-black-a07);
  --color-brand-black-a10: var(--color-black-a10);
  --color-brand-black-a12: var(--color-black-a12);
  --color-brand-black-a15: var(--color-black-a15);
  --color-brand-black-a20: var(--color-black-a20);
  --color-brand-black-a25: var(--color-black-a25);
  --color-brand-black-a30: var(--color-black-a30);
  --color-brand-black-a35: var(--color-black-a35);
  --color-brand-black-a40: var(--color-black-a40);
  --color-brand-black-a45: var(--color-black-a45);
  --color-brand-black-a50: var(--color-black-a50);
  --color-brand-black-a70: var(--color-black-a70);
  --color-brand-black-bg-layer-2: var(--color-black-bg-layer-2);
  --color-brand-black-bg-layer-3: var(--color-black-bg-layer-3);
  --color-brand-black-bg-layer-4: var(--color-black-bg-layer-4);
  --color-brand-black-bg-layer-5: var(--color-black-bg-layer-5);
  --color-brand-black-bg-page: var(--color-black-bg-page);
  --color-brand-black-fill: var(--color-black-fill);
  --color-brand-black-fill-hover: var(--color-black-fill-hover);
  --color-brand-black-fill-pressed: var(--color-black-fill-pressed);
  --color-brand-black-input-glow-focus: var(--color-black-input-glow-focus);
  --color-brand-black-subtle: var(--color-black-subtle);
  --color-brand-black-subtle-hover: var(--color-black-subtle-hover);
  --color-brand-black-subtle-pressed: var(--color-black-subtle-pressed);
  --color-brand-black-text: var(--color-black-text);
  --color-brand-black-text-hover: var(--color-black-text-hover);
  --color-brand-black-text-on-solid: var(--color-black-text-on-solid);
  --color-brand-black-text-pressed: var(--color-black-text-pressed);
  --color-brand-border-default: var(--color-layout-stroke-default);
  --color-brand-border-strong: var(--color-layout-stroke-strong);
  --color-brand-border-subtle: var(--color-layout-stroke-subtle);
  --color-brand-elevation-1: var(--color-elevation-shadow-1);
  --color-brand-elevation-2: var(--color-elevation-shadow-2);
  --color-brand-elevation-3: var(--color-elevation-shadow-3);
  --color-brand-elevation-4: var(--color-elevation-shadow-4);
  --color-brand-elevation-5: var(--color-elevation-shadow-5);
  --color-brand-elevation-raised: var(--color-elevation-raised);
  --color-brand-elevation-sunken: var(--color-elevation-sunken);
  --color-brand-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-brand-feedback-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-brand-feedback-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-brand-feedback-danger-border: var(--color-feedback-danger-border);
  --color-brand-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-brand-feedback-danger-on-solid: var(--color-feedback-danger-on-solid);
  --color-brand-feedback-danger-solid: var(--color-feedback-danger-solid);
  --color-brand-feedback-danger-solid-hover: var(--color-feedback-danger-solid-hover);
  --color-brand-feedback-danger-solid-pressed: var(--color-feedback-danger-solid-pressed);
  --color-brand-feedback-info-bg: var(--color-feedback-info-bg);
  --color-brand-feedback-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-brand-feedback-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-brand-feedback-info-border: var(--color-feedback-info-border);
  --color-brand-feedback-info-fg: var(--color-feedback-info-fg);
  --color-brand-feedback-info-on-solid: var(--color-feedback-info-on-solid);
  --color-brand-feedback-info-solid: var(--color-feedback-info-solid);
  --color-brand-feedback-info-solid-hover: var(--color-feedback-info-solid-hover);
  --color-brand-feedback-info-solid-pressed: var(--color-feedback-info-solid-pressed);
  --color-brand-feedback-success-bg: var(--color-feedback-success-bg);
  --color-brand-feedback-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-brand-feedback-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-brand-feedback-success-border: var(--color-feedback-success-border);
  --color-brand-feedback-success-fg: var(--color-feedback-success-fg);
  --color-brand-feedback-success-on-solid: var(--color-feedback-success-on-solid);
  --color-brand-feedback-success-solid: var(--color-feedback-success-solid);
  --color-brand-feedback-success-solid-hover: var(--color-feedback-success-solid-hover);
  --color-brand-feedback-success-solid-pressed: var(--color-feedback-success-solid-pressed);
  --color-brand-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-brand-feedback-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-brand-feedback-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-brand-feedback-warning-border: var(--color-feedback-warning-border);
  --color-brand-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-brand-feedback-warning-on-solid: var(--color-feedback-warning-on-solid);
  --color-brand-feedback-warning-solid: var(--color-feedback-warning-solid);
  --color-brand-feedback-warning-solid-hover: var(--color-feedback-warning-solid-hover);
  --color-brand-feedback-warning-solid-pressed: var(--color-feedback-warning-solid-pressed);
  --color-brand-font-always-black: var(--color-layout-text-always-black);
  --color-brand-font-always-white: var(--color-layout-text-always-white);
  --color-brand-font-body: var(--color-layout-text-body);
  --color-brand-font-caption: var(--color-layout-text-caption);
  --color-brand-font-caption-light: var(--color-layout-text-caption-light);
  --color-brand-font-disabled: var(--color-layout-text-disabled);
  --color-brand-font-title: var(--color-layout-text-title);
  --color-brand-glass-contrast-surface: var(--color-glass-contrast-surface);
  --color-brand-glass-middle-surface: var(--color-glass-middle-surface);
  --color-brand-glass-soft-surface: var(--color-glass-soft-surface);
  --color-brand-glass-solid-surface: var(--color-glass-solid-surface);
  --color-brand-glass-strong-surface: var(--color-glass-strong-surface);
  --color-brand-role-bg-dim: var(--color-elevation-dim);
  --color-brand-role-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-brand-role-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-brand-role-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-brand-role-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-brand-role-bg-gray-page: var(--color-elevation-gray-page);
  --color-brand-role-bg-layer-2: var(--color-blue-bg-layer-2);
  --color-brand-role-bg-layer-3: var(--color-blue-bg-layer-3);
  --color-brand-role-bg-layer-4: var(--color-blue-bg-layer-4);
  --color-brand-role-bg-layer-5: var(--color-blue-bg-layer-5);
  --color-brand-role-bg-page: var(--color-blue-bg-page);
  --color-brand-role-bg-system-elevation-1: var(--color-elevation-system-1);
  --color-brand-role-bg-system-elevation-2: var(--color-elevation-system-2);
  --color-brand-role-bg-system-elevation-3: var(--color-elevation-system-3);
  --color-brand-role-bg-system-elevation-4: var(--color-elevation-system-4);
  --color-brand-role-bg-system-elevation-5: var(--color-elevation-system-5);
  --color-brand-role-bg-system-page: var(--color-brand-role-bg-system-elevation-1);
  --color-brand-role-bg-system-search-bar: var(--color-brand-role-bg-system-elevation-2);
  --color-brand-role-bg-system-sidebar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-system-topbar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-user-elevation-1: var(--color-elevation-user-1);
  --color-brand-role-bg-user-elevation-2: var(--color-elevation-user-2);
  --color-brand-role-bg-user-elevation-3: var(--color-elevation-user-3);
  --color-brand-role-bg-user-elevation-4: var(--color-elevation-user-4);
  --color-brand-role-bg-user-elevation-5: var(--color-elevation-user-5);
  --color-brand-role-input-bg-default: var(--color-input-bg-default);
  --color-brand-role-input-bg-disabled: var(--color-input-bg-disabled);
  --color-brand-role-input-bg-focus: var(--color-input-bg-focus);
  --color-brand-role-input-bg-hover: var(--color-input-bg-hover);
  --color-brand-role-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-brand-role-input-bg-user-light: var(--color-input-bg-user-light);
  --color-brand-role-input-fg-danger: var(--color-brand-feedback-danger-fg);
  --color-brand-role-input-fg-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-helper: var(--color-input-fg-helper);
  --color-brand-role-input-fg-icon-action: var(--color-brand-font-body);
  --color-brand-role-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-brand-role-input-fg-icon-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-icon-focus: var(--color-brand-role-text);
  --color-brand-role-input-fg-info: var(--color-brand-feedback-info-fg);
  --color-brand-role-input-fg-label: var(--color-brand-font-title);
  --color-brand-role-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-brand-role-input-fg-required: var(--color-input-fg-required);
  --color-brand-role-input-fg-success: var(--color-brand-feedback-success-fg);
  --color-brand-role-input-fg-value: var(--color-brand-font-title);
  --color-brand-role-input-fg-warning: var(--color-brand-feedback-warning-fg);
  --color-brand-role-input-glow-danger: var(--color-input-glow-danger);
  --color-brand-role-input-glow-focus: var(--color-blue-input-glow-focus);
  --color-brand-role-input-glow-info: var(--color-input-glow-info);
  --color-brand-role-input-glow-success: var(--color-input-glow-success);
  --color-brand-role-input-glow-warning: var(--color-input-glow-warning);
  --color-brand-role-input-select-option-bg-hover: var(--color-input-select-option-bg-hover);
  --color-brand-role-input-stroke-danger: var(--color-input-stroke-danger);
  --color-brand-role-input-stroke-default: var(--color-input-stroke-default);
  --color-brand-role-input-stroke-disabled: var(--color-brand-border-subtle);
  --color-brand-role-input-stroke-focus: var(--color-brand-role-text);
  --color-brand-role-input-stroke-hover: var(--color-input-stroke-hover);
  --color-brand-role-input-stroke-info: var(--color-input-stroke-info);
  --color-brand-role-input-stroke-success: var(--color-input-stroke-success);
  --color-brand-role-input-stroke-warning: var(--color-input-stroke-warning);
  --color-brand-role-relief-raised-medium: var(--color-relief-raised-medium);
  --color-brand-role-relief-raised-strong: var(--color-relief-raised-strong);
  --color-brand-role-relief-raised-weak: var(--color-relief-raised-weak);
  --color-brand-role-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-brand-role-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-brand-role-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-brand-role-subtle: var(--color-blue-subtle);
  --color-brand-role-subtle-hover: var(--color-blue-subtle-hover);
  --color-brand-role-subtle-medium: var(--color-blue-subtle-medium);
  --color-brand-role-subtle-pressed: var(--color-blue-subtle-pressed);
  --color-brand-role-subtle-regular: var(--color-blue-subtle-regular);
  --color-brand-role-subtle-strong: var(--color-blue-subtle-strong);
  --color-brand-role-subtle-weak: var(--color-blue-subtle-weak);
  --color-brand-role-table-bg-default: var(--color-brand-role-bg-gray-page);
  --color-brand-role-table-bg-focus: var(--color-brand-a07);
  --color-brand-role-table-bg-gray: var(--color-layout-table-bg-gray);
  --color-brand-role-table-bg-hover: var(--color-brand-a05);
  --color-brand-role-table-header-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-brand-role-table-header-bg-gray: var(--color-layout-table-header-bg-gray);
  --color-brand-role-table-header-stroke-bottom-black: var(--color-black-base);
  --color-brand-role-table-shadow-brand-end: var(--color-blue-a00);
  --color-brand-role-table-shadow-brand-start: var(--color-blue-a25);
  --color-brand-role-table-shadow-neutral-end: var(--color-gray-a00);
  --color-brand-role-table-shadow-neutral-start: var(--color-gray-a25);
  --color-brand-role-table-stroke-default: var(--color-brand-border-default);
  --color-brand-role-table-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-role-table-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-table-stroke-terminal: var(--color-gray-800);
  --color-brand-role-text: var(--color-blue-text);
  --color-brand-role-text-hover: var(--color-blue-text-hover);
  --color-brand-role-text-on-solid: var(--color-blue-text-on-solid);
  --color-brand-role-text-pressed: var(--color-blue-text-pressed);
  --color-brand-subtle-gray-default: var(--color-layout-subtle-gray-default);
  --color-brand-subtle-gray-hover: var(--color-layout-subtle-gray-hover);
  --color-brand-subtle-gray-medium: var(--color-layout-subtle-gray-medium);
  --color-brand-subtle-gray-pressed: var(--color-layout-subtle-gray-pressed);
  --color-brand-subtle-gray-regular: var(--color-layout-subtle-gray-regular);
  --color-brand-subtle-gray-strong: var(--color-layout-subtle-gray-strong);
  --color-brand-subtle-gray-weak: var(--color-layout-subtle-gray-weak);
  --color-brand-text-inverse: var(--color-layout-text-inverse);
  --color-brand-text-inverse-muted: var(--color-layout-text-inverse-muted);
  --color-brand-text-neutral-on-solid-muted: var(--color-layout-text-on-solid-muted);
  --color-brand-white: var(--color-white-base);
  --color-brand-white-a00: var(--color-white-a00);
  --color-brand-white-a02: var(--color-white-a02);
  --color-brand-white-a03: var(--color-white-a03);
  --color-brand-white-a05: var(--color-white-a05);
  --color-brand-white-a07: var(--color-white-a07);
  --color-brand-white-a10: var(--color-white-a10);
  --color-brand-white-a12: var(--color-white-a12);
  --color-brand-white-a15: var(--color-white-a15);
  --color-brand-white-a20: var(--color-white-a20);
  --color-brand-white-a25: var(--color-white-a25);
  --color-brand-white-a30: var(--color-white-a30);
  --color-brand-white-a35: var(--color-white-a35);
  --color-brand-white-a40: var(--color-white-a40);
  --color-brand-white-a45: var(--color-white-a45);
  --color-brand-white-a50: var(--color-white-a50);
  --color-brand-white-a90: var(--color-white-a90);
  --color-brand-white-a95: var(--color-white-a95);
  --color-brand-white-bg-layer-2: var(--color-white-bg-layer-2);
  --color-brand-white-bg-layer-3: var(--color-white-bg-layer-3);
  --color-brand-white-bg-layer-4: var(--color-white-bg-layer-4);
  --color-brand-white-bg-layer-5: var(--color-white-bg-layer-5);
  --color-brand-white-bg-page: var(--color-white-bg-page);
  --color-brand-white-fill: var(--color-white-fill);
  --color-brand-white-fill-hover: var(--color-white-fill-hover);
  --color-brand-white-fill-pressed: var(--color-white-fill-pressed);
  --color-brand-white-input-glow-focus: var(--color-white-input-glow-focus);
  --color-brand-white-subtle: var(--color-white-subtle);
  --color-brand-white-subtle-hover: var(--color-white-subtle-hover);
  --color-brand-white-subtle-pressed: var(--color-white-subtle-pressed);
  --color-brand-white-text: var(--color-white-text);
  --color-brand-white-text-hover: var(--color-white-text-hover);
  --color-brand-white-text-on-solid: var(--color-white-text-on-solid);
  --color-brand-white-text-pressed: var(--color-white-text-pressed);
  --color-selection-bg-disabled: var(--color-brand-role-input-bg-disabled);
  --color-selection-bg-unselected: var(--color-brand-role-input-bg-default);
  --color-selection-bg-unselected-hover: var(--color-brand-role-input-bg-hover);
  --color-selection-fg-indicator-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-indicator-selected: var(--color-brand-role-text-on-solid);
  --color-selection-fg-indicator-unselected: var(--color-brand-role-input-fg-icon-default);
  --color-selection-fg-label: var(--color-layout-text-title);
  --color-selection-fg-label-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-selected-control: var(--color-brand-role-text);
  --color-selection-fg-selected-control-hover: var(--color-brand-role-text-hover);
  --color-selection-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-selection-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-selection-stroke-unselected: var(--color-brand-role-input-stroke-default);
  --color-selection-stroke-unselected-hover: var(--color-brand-role-input-stroke-hover);
  --color-input-select-option-bg-hover: var(--color-brand-role-subtle-hover);
  --color-input-select-option-panel-stroke: var(--color-white-a10);
  --color-action-brand-border: var(--color-brand-accessible-solid-default);
  --color-action-brand-category-bg: var(--color-brand-role-subtle);
  --color-action-brand-fill: var(--color-brand-accessible-solid-default);
  --color-action-brand-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-action-brand-fill-press: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-text: var(--color-brand-role-text-on-solid);
  --color-action-brand-hover: var(--color-brand-role-subtle-hover);
  --color-action-brand-press: var(--color-brand-role-subtle-pressed);
  --color-action-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-action-brand-subtle: var(--color-brand-role-subtle);
  --color-action-brand-text: var(--color-brand-role-text);
  --color-action-brand-tonal: var(--color-brand-role-subtle);
  --color-action-primary-default: var(--color-brand-accessible-solid-default);
  --color-action-primary-hover: var(--color-brand-accessible-solid-hover);
  --color-action-primary-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-action-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-action-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-category: var(--color-brand-role-subtle);
  --color-bg-brand-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-selected: var(--color-brand-a10);
  --color-bg-brand-selected-hover: var(--color-brand-a15);
  --color-bg-brand-solid: var(--color-brand-accessible-solid-default);
  --color-bg-brand-solid-hover: var(--color-brand-accessible-solid-hover);
  --color-bg-brand-solid-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-bg-brand-tag: var(--color-brand-role-subtle);
  --color-border-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-default: var(--color-brand-base-default);
  --color-brand-hover: var(--color-brand-base-hover);
  --color-brand-pressed: var(--color-brand-base-pressed);
  --color-brand-role-feedback-danger-bg: var(--color-brand-feedback-danger-bg);
  --color-brand-role-feedback-danger-bg-hover: var(--color-brand-feedback-danger-bg-hover);
  --color-brand-role-feedback-danger-bg-pressed: var(--color-brand-feedback-danger-bg-pressed);
  --color-brand-role-feedback-danger-border: var(--color-brand-feedback-danger-border);
  --color-brand-role-feedback-danger-fg: var(--color-brand-feedback-danger-fg);
  --color-brand-role-feedback-danger-fill: var(--color-brand-feedback-danger-solid);
  --color-brand-role-feedback-danger-fill-hover: var(--color-brand-feedback-danger-solid-hover);
  --color-brand-role-feedback-danger-fill-pressed: var(--color-brand-feedback-danger-solid-pressed);
  --color-brand-role-feedback-info-bg: var(--color-brand-feedback-info-bg);
  --color-brand-role-feedback-info-bg-hover: var(--color-brand-feedback-info-bg-hover);
  --color-brand-role-feedback-info-bg-pressed: var(--color-brand-feedback-info-bg-pressed);
  --color-brand-role-feedback-info-border: var(--color-brand-feedback-info-border);
  --color-brand-role-feedback-info-fg: var(--color-brand-feedback-info-fg);
  --color-brand-role-feedback-info-fill: var(--color-brand-feedback-info-solid);
  --color-brand-role-feedback-info-fill-hover: var(--color-brand-feedback-info-solid-hover);
  --color-brand-role-feedback-info-fill-pressed: var(--color-brand-feedback-info-solid-pressed);
  --color-brand-role-feedback-success-bg: var(--color-brand-feedback-success-bg);
  --color-brand-role-feedback-success-bg-hover: var(--color-brand-feedback-success-bg-hover);
  --color-brand-role-feedback-success-bg-pressed: var(--color-brand-feedback-success-bg-pressed);
  --color-brand-role-feedback-success-border: var(--color-brand-feedback-success-border);
  --color-brand-role-feedback-success-fg: var(--color-brand-feedback-success-fg);
  --color-brand-role-feedback-success-fill: var(--color-brand-feedback-success-solid);
  --color-brand-role-feedback-success-fill-hover: var(--color-brand-feedback-success-solid-hover);
  --color-brand-role-feedback-success-fill-pressed: var(--color-brand-feedback-success-solid-pressed);
  --color-brand-role-feedback-warning-bg: var(--color-brand-feedback-warning-bg);
  --color-brand-role-feedback-warning-bg-hover: var(--color-brand-feedback-warning-bg-hover);
  --color-brand-role-feedback-warning-bg-pressed: var(--color-brand-feedback-warning-bg-pressed);
  --color-brand-role-feedback-warning-border: var(--color-brand-feedback-warning-border);
  --color-brand-role-feedback-warning-fg: var(--color-brand-feedback-warning-fg);
  --color-brand-role-feedback-warning-fill: var(--color-brand-feedback-warning-solid);
  --color-brand-role-feedback-warning-fill-hover: var(--color-brand-feedback-warning-solid-hover);
  --color-brand-role-feedback-warning-fill-pressed: var(--color-brand-feedback-warning-solid-pressed);
  --color-brand-role-fill: var(--color-brand-accessible-solid-default);
  --color-brand-role-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-brand-role-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-brand-role-layout-stroke-default: var(--color-brand-border-default);
  --color-brand-role-layout-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-layout-stroke-subtle: var(--color-brand-border-subtle);
  --color-brand-role-layout-text-default: var(--color-brand-font-title);
  --color-brand-role-layout-text-inverse: var(--color-brand-text-inverse);
  --color-brand-role-layout-text-inverse-muted: var(--color-brand-text-inverse-muted);
  --color-brand-role-layout-text-muted: var(--color-brand-font-body);
  --color-brand-role-layout-text-on-solid: var(--color-brand-font-always-white);
  --color-brand-text-neutral-on-solid: var(--color-brand-font-always-white);
  --color-brand-role-layout-text-on-solid-muted: var(--color-brand-text-neutral-on-solid-muted);
  --color-brand-role-layout-text-subtle: var(--color-brand-font-caption);
  --color-brand-role-table-header-bg-brand: var(--color-brand-accessible-solid-default);
  --color-brand-role-table-text-on-brand: var(--color-brand-role-text-on-solid);
  --color-brand-role-text-body: var(--color-brand-font-body);
  --color-brand-role-text-caption: var(--color-brand-font-caption);
  --color-brand-role-text-caption-light: var(--color-brand-font-caption-light);
  --color-brand-role-text-disabled: var(--color-brand-font-disabled);
  --color-brand-role-text-selected: var(--color-brand-role-text-pressed);
  --color-brand-role-text-title: var(--color-brand-font-title);
  --color-brand-text: var(--color-brand-role-text);
  --color-brand-text-active: var(--color-brand-role-text-pressed);
  --color-brand-text-hover: var(--color-brand-role-text-hover);
  --color-button-category-brand-bg: var(--color-brand-role-subtle);
  --color-button-category-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-category-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-category-brand-fg: var(--color-brand-role-text);
  --color-button-category-brand-stroke: var(--color-brand-role-text);
  --color-button-fill-brand-bg: var(--color-brand-accessible-solid-default);
  --color-button-fill-brand-bg-hover: var(--color-brand-accessible-solid-hover);
  --color-button-fill-brand-bg-pressed: var(--color-brand-accessible-solid-pressed);
  --color-button-fill-brand-fg: var(--color-brand-role-text-on-solid);
  --color-button-outline-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-outline-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-outline-brand-fg: var(--color-brand-role-text);
  --color-button-outline-brand-stroke: var(--color-brand-role-text);
  --color-button-subtle-brand-bg: var(--color-brand-role-subtle);
  --color-button-subtle-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-subtle-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-subtle-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-text-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-text-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-fg-hover: var(--color-brand-role-text-hover);
  --color-button-text-brand-fg-pressed: var(--color-brand-role-text-pressed);
  --color-fg-brand: var(--color-brand-role-text);
  --color-fg-brand-hover: var(--color-brand-role-text-hover);
  --color-fg-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-fg-brand-selected: var(--color-brand-role-text-pressed);
  --color-input-fg-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-field-default: var(--color-brand-role-input-bg-default);
  --color-input-field-disabled: var(--color-brand-role-input-bg-disabled);
  --color-input-field-focus: var(--color-brand-role-input-bg-focus);
  --color-input-field-hover: var(--color-brand-role-input-bg-hover);
  --color-input-field-user-dark: var(--color-brand-role-input-bg-user-dark);
  --color-input-field-user-light: var(--color-brand-role-input-bg-user-light);
  --color-input-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-input-icon-action: var(--color-brand-role-input-fg-icon-action);
  --color-input-icon-default: var(--color-brand-role-input-fg-icon-default);
  --color-input-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-input-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-input-text-helper: var(--color-brand-role-input-fg-helper);
  --color-input-text-placeholder: var(--color-brand-role-input-fg-placeholder);
  --color-input-text-required: var(--color-brand-role-input-fg-required);
  --color-selection-bg-selected: var(--color-brand-accessible-solid-default);
  --color-selection-bg-selected-hover: var(--color-brand-accessible-solid-hover);
  --color-state-brand-hover: var(--color-brand-role-subtle-hover);
  --color-state-brand-selected: var(--color-brand-a10);
  --color-state-brand-selected-hover: var(--color-brand-a15);
  --color-stroke-brand: var(--color-brand-accessible-solid-default);
  --color-stroke-focus-ring: var(--color-brand-role-input-stroke-focus);
  --color-text-brand: var(--color-brand-role-text);
  --color-text-brand-active: var(--color-brand-role-text-pressed);
  --color-text-brand-hover: var(--color-brand-role-text-hover);
  --color-text-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-text-brand-selected: var(--color-brand-role-text-pressed);
}
}


@scope ([data-theme="dark"]) to (:scope [data-theme]) {
[data-brand="blue"] {
  --color-brand-50: var(--color-blue-50);
  --color-brand-100: var(--color-blue-100);
  --color-brand-150: var(--color-blue-150);
  --color-brand-200: var(--color-blue-200);
  --color-brand-250: var(--color-blue-250);
  --color-brand-300: var(--color-blue-300);
  --color-brand-350: var(--color-blue-350);
  --color-brand-400: var(--color-blue-400);
  --color-brand-450: var(--color-blue-450);
  --color-brand-500: var(--color-blue-500);
  --color-brand-550: var(--color-blue-550);
  --color-brand-600: var(--color-blue-600);
  --color-brand-650: var(--color-blue-650);
  --color-brand-700: var(--color-blue-700);
  --color-brand-750: var(--color-blue-750);
  --color-brand-800: var(--color-blue-800);
  --color-brand-850: var(--color-blue-850);
  --color-brand-900: var(--color-blue-900);
  --color-brand-950: var(--color-blue-950);
  --color-brand-a00: var(--color-blue-a00);
  --color-brand-a03: var(--color-blue-a02);
  --color-brand-a05: var(--color-blue-a05);
  --color-brand-a07: var(--color-blue-a07);
  --color-brand-a10: var(--color-blue-a10);
  --color-brand-a12: var(--color-blue-a12);
  --color-brand-a15: var(--color-blue-a15);
  --color-brand-a20: var(--color-blue-a20);
  --color-brand-a25: var(--color-blue-a25);
  --color-brand-a30: var(--color-blue-a30);
  --color-brand-a35: var(--color-blue-a35);
  --color-brand-a40: var(--color-blue-a40);
  --color-brand-a45: var(--color-blue-a45);
  --color-brand-a50: var(--color-blue-a50);
  --color-brand-accessible-solid-default: var(--color-blue-fill);
  --color-brand-accessible-solid-hover: var(--color-blue-fill-hover);
  --color-brand-accessible-solid-pressed: var(--color-blue-fill-pressed);
  --color-brand-base-default: var(--color-blue-base-default);
  --color-brand-base-hover: var(--color-blue-base-hover);
  --color-brand-base-pressed: var(--color-blue-base-pressed);
  --color-brand-black: var(--color-black-base);
  --color-brand-black-a00: var(--color-black-a00);
  --color-brand-black-a02: var(--color-black-a02);
  --color-brand-black-a03: var(--color-black-a03);
  --color-brand-black-a05: var(--color-black-a05);
  --color-brand-black-a07: var(--color-black-a07);
  --color-brand-black-a10: var(--color-black-a10);
  --color-brand-black-a12: var(--color-black-a12);
  --color-brand-black-a15: var(--color-black-a15);
  --color-brand-black-a20: var(--color-black-a20);
  --color-brand-black-a25: var(--color-black-a25);
  --color-brand-black-a30: var(--color-black-a30);
  --color-brand-black-a35: var(--color-black-a35);
  --color-brand-black-a40: var(--color-black-a40);
  --color-brand-black-a45: var(--color-black-a45);
  --color-brand-black-a50: var(--color-black-a50);
  --color-brand-black-a70: var(--color-black-a70);
  --color-brand-black-bg-layer-2: var(--color-black-bg-layer-2);
  --color-brand-black-bg-layer-3: var(--color-black-bg-layer-3);
  --color-brand-black-bg-layer-4: var(--color-black-bg-layer-4);
  --color-brand-black-bg-layer-5: var(--color-black-bg-layer-5);
  --color-brand-black-bg-page: var(--color-black-bg-page);
  --color-brand-black-fill: var(--color-black-fill);
  --color-brand-black-fill-hover: var(--color-black-fill-hover);
  --color-brand-black-fill-pressed: var(--color-black-fill-pressed);
  --color-brand-black-input-glow-focus: var(--color-black-input-glow-focus);
  --color-brand-black-subtle: var(--color-black-subtle);
  --color-brand-black-subtle-hover: var(--color-black-subtle-hover);
  --color-brand-black-subtle-pressed: var(--color-black-subtle-pressed);
  --color-brand-black-text: var(--color-black-text);
  --color-brand-black-text-hover: var(--color-black-text-hover);
  --color-brand-black-text-on-solid: var(--color-black-text-on-solid);
  --color-brand-black-text-pressed: var(--color-black-text-pressed);
  --color-brand-border-default: var(--color-layout-stroke-default);
  --color-brand-border-strong: var(--color-layout-stroke-strong);
  --color-brand-border-subtle: var(--color-layout-stroke-subtle);
  --color-brand-elevation-1: var(--color-elevation-shadow-1);
  --color-brand-elevation-2: var(--color-elevation-shadow-2);
  --color-brand-elevation-3: var(--color-elevation-shadow-3);
  --color-brand-elevation-4: var(--color-elevation-shadow-4);
  --color-brand-elevation-5: var(--color-elevation-shadow-5);
  --color-brand-elevation-raised: var(--color-elevation-raised);
  --color-brand-elevation-sunken: var(--color-elevation-sunken);
  --color-brand-feedback-danger-bg: var(--color-feedback-danger-bg);
  --color-brand-feedback-danger-bg-hover: var(--color-feedback-danger-bg-hover);
  --color-brand-feedback-danger-bg-pressed: var(--color-feedback-danger-bg-pressed);
  --color-brand-feedback-danger-border: var(--color-feedback-danger-border);
  --color-brand-feedback-danger-fg: var(--color-feedback-danger-fg);
  --color-brand-feedback-danger-on-solid: var(--color-feedback-danger-on-solid);
  --color-brand-feedback-danger-solid: var(--color-feedback-danger-solid);
  --color-brand-feedback-danger-solid-hover: var(--color-feedback-danger-solid-hover);
  --color-brand-feedback-danger-solid-pressed: var(--color-feedback-danger-solid-pressed);
  --color-brand-feedback-info-bg: var(--color-feedback-info-bg);
  --color-brand-feedback-info-bg-hover: var(--color-feedback-info-bg-hover);
  --color-brand-feedback-info-bg-pressed: var(--color-feedback-info-bg-pressed);
  --color-brand-feedback-info-border: var(--color-feedback-info-border);
  --color-brand-feedback-info-fg: var(--color-feedback-info-fg);
  --color-brand-feedback-info-on-solid: var(--color-feedback-info-on-solid);
  --color-brand-feedback-info-solid: var(--color-feedback-info-solid);
  --color-brand-feedback-info-solid-hover: var(--color-feedback-info-solid-hover);
  --color-brand-feedback-info-solid-pressed: var(--color-feedback-info-solid-pressed);
  --color-brand-feedback-success-bg: var(--color-feedback-success-bg);
  --color-brand-feedback-success-bg-hover: var(--color-feedback-success-bg-hover);
  --color-brand-feedback-success-bg-pressed: var(--color-feedback-success-bg-pressed);
  --color-brand-feedback-success-border: var(--color-feedback-success-border);
  --color-brand-feedback-success-fg: var(--color-feedback-success-fg);
  --color-brand-feedback-success-on-solid: var(--color-feedback-success-on-solid);
  --color-brand-feedback-success-solid: var(--color-feedback-success-solid);
  --color-brand-feedback-success-solid-hover: var(--color-feedback-success-solid-hover);
  --color-brand-feedback-success-solid-pressed: var(--color-feedback-success-solid-pressed);
  --color-brand-feedback-warning-bg: var(--color-feedback-warning-bg);
  --color-brand-feedback-warning-bg-hover: var(--color-feedback-warning-bg-hover);
  --color-brand-feedback-warning-bg-pressed: var(--color-feedback-warning-bg-pressed);
  --color-brand-feedback-warning-border: var(--color-feedback-warning-border);
  --color-brand-feedback-warning-fg: var(--color-feedback-warning-fg);
  --color-brand-feedback-warning-on-solid: var(--color-feedback-warning-on-solid);
  --color-brand-feedback-warning-solid: var(--color-feedback-warning-solid);
  --color-brand-feedback-warning-solid-hover: var(--color-feedback-warning-solid-hover);
  --color-brand-feedback-warning-solid-pressed: var(--color-feedback-warning-solid-pressed);
  --color-brand-font-always-black: var(--color-layout-text-always-black);
  --color-brand-font-always-white: var(--color-layout-text-always-white);
  --color-brand-font-body: var(--color-layout-text-body);
  --color-brand-font-caption: var(--color-layout-text-caption);
  --color-brand-font-caption-light: var(--color-layout-text-caption-light);
  --color-brand-font-disabled: var(--color-layout-text-disabled);
  --color-brand-font-title: var(--color-layout-text-title);
  --color-brand-glass-contrast-surface: var(--color-glass-contrast-surface);
  --color-brand-glass-middle-surface: var(--color-glass-middle-surface);
  --color-brand-glass-soft-surface: var(--color-glass-soft-surface);
  --color-brand-glass-solid-surface: var(--color-glass-solid-surface);
  --color-brand-glass-strong-surface: var(--color-glass-strong-surface);
  --color-brand-role-bg-dim: var(--color-elevation-dim);
  --color-brand-role-bg-gray-layer-2: var(--color-elevation-gray-layer-2);
  --color-brand-role-bg-gray-layer-3: var(--color-elevation-gray-layer-3);
  --color-brand-role-bg-gray-layer-4: var(--color-elevation-gray-layer-4);
  --color-brand-role-bg-gray-layer-5: var(--color-elevation-gray-layer-5);
  --color-brand-role-bg-gray-page: var(--color-elevation-gray-page);
  --color-brand-role-bg-layer-2: var(--color-blue-bg-layer-2);
  --color-brand-role-bg-layer-3: var(--color-blue-bg-layer-3);
  --color-brand-role-bg-layer-4: var(--color-blue-bg-layer-4);
  --color-brand-role-bg-layer-5: var(--color-blue-bg-layer-5);
  --color-brand-role-bg-page: var(--color-blue-bg-page);
  --color-brand-role-bg-system-elevation-1: var(--color-elevation-system-1);
  --color-brand-role-bg-system-elevation-2: var(--color-elevation-system-2);
  --color-brand-role-bg-system-elevation-3: var(--color-elevation-system-3);
  --color-brand-role-bg-system-elevation-4: var(--color-elevation-system-4);
  --color-brand-role-bg-system-elevation-5: var(--color-elevation-system-5);
  --color-brand-role-bg-system-page: var(--color-brand-role-bg-system-elevation-1);
  --color-brand-role-bg-system-search-bar: var(--color-brand-role-bg-system-elevation-2);
  --color-brand-role-bg-system-sidebar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-system-topbar: var(--color-brand-role-bg-system-elevation-3);
  --color-brand-role-bg-user-elevation-1: var(--color-elevation-user-1);
  --color-brand-role-bg-user-elevation-2: var(--color-elevation-user-2);
  --color-brand-role-bg-user-elevation-3: var(--color-elevation-user-3);
  --color-brand-role-bg-user-elevation-4: var(--color-elevation-user-4);
  --color-brand-role-bg-user-elevation-5: var(--color-elevation-user-5);
  --color-brand-role-input-bg-default: var(--color-input-bg-default);
  --color-brand-role-input-bg-disabled: var(--color-input-bg-disabled);
  --color-brand-role-input-bg-focus: var(--color-input-bg-focus);
  --color-brand-role-input-bg-hover: var(--color-input-bg-hover);
  --color-brand-role-input-bg-user-dark: var(--color-input-bg-user-dark);
  --color-brand-role-input-bg-user-light: var(--color-input-bg-user-light);
  --color-brand-role-input-fg-danger: var(--color-brand-feedback-danger-fg);
  --color-brand-role-input-fg-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-helper: var(--color-input-fg-helper);
  --color-brand-role-input-fg-icon-action: var(--color-brand-font-body);
  --color-brand-role-input-fg-icon-default: var(--color-input-fg-icon-default);
  --color-brand-role-input-fg-icon-disabled: var(--color-brand-font-disabled);
  --color-brand-role-input-fg-icon-focus: var(--color-brand-role-text);
  --color-brand-role-input-fg-info: var(--color-brand-feedback-info-fg);
  --color-brand-role-input-fg-label: var(--color-brand-font-title);
  --color-brand-role-input-fg-placeholder: var(--color-input-fg-placeholder);
  --color-brand-role-input-fg-required: var(--color-input-fg-required);
  --color-brand-role-input-fg-success: var(--color-brand-feedback-success-fg);
  --color-brand-role-input-fg-value: var(--color-brand-font-title);
  --color-brand-role-input-fg-warning: var(--color-brand-feedback-warning-fg);
  --color-brand-role-input-glow-danger: var(--color-input-glow-danger);
  --color-brand-role-input-glow-focus: var(--color-blue-input-glow-focus);
  --color-brand-role-input-glow-info: var(--color-input-glow-info);
  --color-brand-role-input-glow-success: var(--color-input-glow-success);
  --color-brand-role-input-glow-warning: var(--color-input-glow-warning);
  --color-brand-role-input-select-option-bg-hover: var(--color-input-select-option-bg-hover);
  --color-brand-role-input-stroke-danger: var(--color-input-stroke-danger);
  --color-brand-role-input-stroke-default: var(--color-input-stroke-default);
  --color-brand-role-input-stroke-disabled: var(--color-brand-border-subtle);
  --color-brand-role-input-stroke-focus: var(--color-brand-role-text);
  --color-brand-role-input-stroke-hover: var(--color-input-stroke-hover);
  --color-brand-role-input-stroke-info: var(--color-input-stroke-info);
  --color-brand-role-input-stroke-success: var(--color-input-stroke-success);
  --color-brand-role-input-stroke-warning: var(--color-input-stroke-warning);
  --color-brand-role-relief-raised-medium: var(--color-relief-raised-medium);
  --color-brand-role-relief-raised-strong: var(--color-relief-raised-strong);
  --color-brand-role-relief-raised-weak: var(--color-relief-raised-weak);
  --color-brand-role-relief-sunken-medium: var(--color-relief-sunken-medium);
  --color-brand-role-relief-sunken-strong: var(--color-relief-sunken-strong);
  --color-brand-role-relief-sunken-weak: var(--color-relief-sunken-weak);
  --color-brand-role-subtle: var(--color-blue-subtle);
  --color-brand-role-subtle-hover: var(--color-blue-subtle-hover);
  --color-brand-role-subtle-medium: var(--color-blue-subtle-medium);
  --color-brand-role-subtle-pressed: var(--color-blue-subtle-pressed);
  --color-brand-role-subtle-regular: var(--color-blue-subtle-regular);
  --color-brand-role-subtle-strong: var(--color-blue-subtle-strong);
  --color-brand-role-subtle-weak: var(--color-blue-subtle-weak);
  --color-brand-role-table-bg-default: var(--color-brand-role-bg-gray-page);
  --color-brand-role-table-bg-focus: var(--color-brand-a07);
  --color-brand-role-table-bg-gray: var(--color-layout-table-bg-gray);
  --color-brand-role-table-bg-hover: var(--color-brand-a05);
  --color-brand-role-table-header-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-brand-role-table-header-bg-gray: var(--color-layout-table-header-bg-gray);
  --color-brand-role-table-header-stroke-bottom-black: var(--color-black-base);
  --color-brand-role-table-shadow-brand-end: var(--color-blue-a00);
  --color-brand-role-table-shadow-brand-start: var(--color-blue-a25);
  --color-brand-role-table-shadow-neutral-end: var(--color-gray-a00);
  --color-brand-role-table-shadow-neutral-start: var(--color-gray-a25);
  --color-brand-role-table-stroke-default: var(--color-brand-border-default);
  --color-brand-role-table-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-role-table-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-table-stroke-terminal: var(--color-gray-800);
  --color-brand-role-text: var(--color-blue-text);
  --color-brand-role-text-hover: var(--color-blue-text-hover);
  --color-brand-role-text-on-solid: var(--color-blue-text-on-solid);
  --color-brand-role-text-pressed: var(--color-blue-text-pressed);
  --color-brand-subtle-gray-default: var(--color-layout-subtle-gray-default);
  --color-brand-subtle-gray-hover: var(--color-layout-subtle-gray-hover);
  --color-brand-subtle-gray-medium: var(--color-layout-subtle-gray-medium);
  --color-brand-subtle-gray-pressed: var(--color-layout-subtle-gray-pressed);
  --color-brand-subtle-gray-regular: var(--color-layout-subtle-gray-regular);
  --color-brand-subtle-gray-strong: var(--color-layout-subtle-gray-strong);
  --color-brand-subtle-gray-weak: var(--color-layout-subtle-gray-weak);
  --color-brand-text-inverse: var(--color-layout-text-inverse);
  --color-brand-text-inverse-muted: var(--color-layout-text-inverse-muted);
  --color-brand-text-neutral-on-solid-muted: var(--color-layout-text-on-solid-muted);
  --color-brand-white: var(--color-white-base);
  --color-brand-white-a00: var(--color-white-a00);
  --color-brand-white-a02: var(--color-white-a02);
  --color-brand-white-a03: var(--color-white-a03);
  --color-brand-white-a05: var(--color-white-a05);
  --color-brand-white-a07: var(--color-white-a07);
  --color-brand-white-a10: var(--color-white-a10);
  --color-brand-white-a12: var(--color-white-a12);
  --color-brand-white-a15: var(--color-white-a15);
  --color-brand-white-a20: var(--color-white-a20);
  --color-brand-white-a25: var(--color-white-a25);
  --color-brand-white-a30: var(--color-white-a30);
  --color-brand-white-a35: var(--color-white-a35);
  --color-brand-white-a40: var(--color-white-a40);
  --color-brand-white-a45: var(--color-white-a45);
  --color-brand-white-a50: var(--color-white-a50);
  --color-brand-white-a90: var(--color-white-a90);
  --color-brand-white-a95: var(--color-white-a95);
  --color-brand-white-bg-layer-2: var(--color-white-bg-layer-2);
  --color-brand-white-bg-layer-3: var(--color-white-bg-layer-3);
  --color-brand-white-bg-layer-4: var(--color-white-bg-layer-4);
  --color-brand-white-bg-layer-5: var(--color-white-bg-layer-5);
  --color-brand-white-bg-page: var(--color-white-bg-page);
  --color-brand-white-fill: var(--color-white-fill);
  --color-brand-white-fill-hover: var(--color-white-fill-hover);
  --color-brand-white-fill-pressed: var(--color-white-fill-pressed);
  --color-brand-white-input-glow-focus: var(--color-white-input-glow-focus);
  --color-brand-white-subtle: var(--color-white-subtle);
  --color-brand-white-subtle-hover: var(--color-white-subtle-hover);
  --color-brand-white-subtle-pressed: var(--color-white-subtle-pressed);
  --color-brand-white-text: var(--color-white-text);
  --color-brand-white-text-hover: var(--color-white-text-hover);
  --color-brand-white-text-on-solid: var(--color-white-text-on-solid);
  --color-brand-white-text-pressed: var(--color-white-text-pressed);
  --color-selection-bg-disabled: var(--color-brand-role-input-bg-disabled);
  --color-selection-bg-unselected: var(--color-brand-role-input-bg-default);
  --color-selection-bg-unselected-hover: var(--color-brand-role-input-bg-hover);
  --color-selection-fg-indicator-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-indicator-selected: var(--color-brand-role-text-on-solid);
  --color-selection-fg-indicator-unselected: var(--color-brand-role-input-fg-icon-default);
  --color-selection-fg-label: var(--color-layout-text-title);
  --color-selection-fg-label-disabled: var(--color-layout-text-disabled);
  --color-selection-fg-selected-control: var(--color-brand-role-text);
  --color-selection-fg-selected-control-hover: var(--color-brand-role-text-hover);
  --color-selection-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-selection-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-selection-stroke-unselected: var(--color-brand-role-input-stroke-default);
  --color-selection-stroke-unselected-hover: var(--color-brand-role-input-stroke-hover);
  --color-input-select-option-bg-hover: var(--color-brand-role-subtle-hover);
  --color-input-select-option-panel-stroke: var(--color-white-a10);
  --color-action-brand-border: var(--color-brand-accessible-solid-default);
  --color-action-brand-category-bg: var(--color-brand-role-subtle);
  --color-action-brand-fill: var(--color-brand-accessible-solid-default);
  --color-action-brand-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-action-brand-fill-press: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-action-brand-fill-text: var(--color-brand-role-text-on-solid);
  --color-action-brand-hover: var(--color-brand-role-subtle-hover);
  --color-action-brand-press: var(--color-brand-role-subtle-pressed);
  --color-action-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-action-brand-subtle: var(--color-brand-role-subtle);
  --color-action-brand-text: var(--color-brand-role-text);
  --color-action-brand-tonal: var(--color-brand-role-subtle);
  --color-action-primary-default: var(--color-brand-accessible-solid-default);
  --color-action-primary-hover: var(--color-brand-accessible-solid-hover);
  --color-action-primary-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-action-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-action-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-category: var(--color-brand-role-subtle);
  --color-bg-brand-hover: var(--color-brand-role-subtle-hover);
  --color-bg-brand-pressed: var(--color-brand-role-subtle-pressed);
  --color-bg-brand-selected: var(--color-brand-a10);
  --color-bg-brand-selected-hover: var(--color-brand-a15);
  --color-bg-brand-solid: var(--color-brand-accessible-solid-default);
  --color-bg-brand-solid-hover: var(--color-brand-accessible-solid-hover);
  --color-bg-brand-solid-pressed: var(--color-brand-accessible-solid-pressed);
  --color-bg-brand-subtle: var(--color-brand-role-subtle);
  --color-bg-brand-tag: var(--color-brand-role-subtle);
  --color-border-focus: var(--color-brand-role-input-stroke-focus);
  --color-brand-default: var(--color-brand-base-default);
  --color-brand-hover: var(--color-brand-base-hover);
  --color-brand-pressed: var(--color-brand-base-pressed);
  --color-brand-role-feedback-danger-bg: var(--color-brand-feedback-danger-bg);
  --color-brand-role-feedback-danger-bg-hover: var(--color-brand-feedback-danger-bg-hover);
  --color-brand-role-feedback-danger-bg-pressed: var(--color-brand-feedback-danger-bg-pressed);
  --color-brand-role-feedback-danger-border: var(--color-brand-feedback-danger-border);
  --color-brand-role-feedback-danger-fg: var(--color-brand-feedback-danger-fg);
  --color-brand-role-feedback-danger-fill: var(--color-brand-feedback-danger-solid);
  --color-brand-role-feedback-danger-fill-hover: var(--color-brand-feedback-danger-solid-hover);
  --color-brand-role-feedback-danger-fill-pressed: var(--color-brand-feedback-danger-solid-pressed);
  --color-brand-role-feedback-info-bg: var(--color-brand-feedback-info-bg);
  --color-brand-role-feedback-info-bg-hover: var(--color-brand-feedback-info-bg-hover);
  --color-brand-role-feedback-info-bg-pressed: var(--color-brand-feedback-info-bg-pressed);
  --color-brand-role-feedback-info-border: var(--color-brand-feedback-info-border);
  --color-brand-role-feedback-info-fg: var(--color-brand-feedback-info-fg);
  --color-brand-role-feedback-info-fill: var(--color-brand-feedback-info-solid);
  --color-brand-role-feedback-info-fill-hover: var(--color-brand-feedback-info-solid-hover);
  --color-brand-role-feedback-info-fill-pressed: var(--color-brand-feedback-info-solid-pressed);
  --color-brand-role-feedback-success-bg: var(--color-brand-feedback-success-bg);
  --color-brand-role-feedback-success-bg-hover: var(--color-brand-feedback-success-bg-hover);
  --color-brand-role-feedback-success-bg-pressed: var(--color-brand-feedback-success-bg-pressed);
  --color-brand-role-feedback-success-border: var(--color-brand-feedback-success-border);
  --color-brand-role-feedback-success-fg: var(--color-brand-feedback-success-fg);
  --color-brand-role-feedback-success-fill: var(--color-brand-feedback-success-solid);
  --color-brand-role-feedback-success-fill-hover: var(--color-brand-feedback-success-solid-hover);
  --color-brand-role-feedback-success-fill-pressed: var(--color-brand-feedback-success-solid-pressed);
  --color-brand-role-feedback-warning-bg: var(--color-brand-feedback-warning-bg);
  --color-brand-role-feedback-warning-bg-hover: var(--color-brand-feedback-warning-bg-hover);
  --color-brand-role-feedback-warning-bg-pressed: var(--color-brand-feedback-warning-bg-pressed);
  --color-brand-role-feedback-warning-border: var(--color-brand-feedback-warning-border);
  --color-brand-role-feedback-warning-fg: var(--color-brand-feedback-warning-fg);
  --color-brand-role-feedback-warning-fill: var(--color-brand-feedback-warning-solid);
  --color-brand-role-feedback-warning-fill-hover: var(--color-brand-feedback-warning-solid-hover);
  --color-brand-role-feedback-warning-fill-pressed: var(--color-brand-feedback-warning-solid-pressed);
  --color-brand-role-fill: var(--color-brand-accessible-solid-default);
  --color-brand-role-fill-hover: var(--color-brand-accessible-solid-hover);
  --color-brand-role-fill-pressed: var(--color-brand-accessible-solid-pressed);
  --color-brand-role-layout-stroke-default: var(--color-brand-border-default);
  --color-brand-role-layout-stroke-strong: var(--color-brand-border-strong);
  --color-brand-role-layout-stroke-subtle: var(--color-brand-border-subtle);
  --color-brand-role-layout-text-default: var(--color-brand-font-title);
  --color-brand-role-layout-text-inverse: var(--color-brand-text-inverse);
  --color-brand-role-layout-text-inverse-muted: var(--color-brand-text-inverse-muted);
  --color-brand-role-layout-text-muted: var(--color-brand-font-body);
  --color-brand-role-layout-text-on-solid: var(--color-brand-font-always-white);
  --color-brand-text-neutral-on-solid: var(--color-brand-font-always-white);
  --color-brand-role-layout-text-on-solid-muted: var(--color-brand-text-neutral-on-solid-muted);
  --color-brand-role-layout-text-subtle: var(--color-brand-font-caption);
  --color-brand-role-table-header-bg-brand: var(--color-brand-accessible-solid-default);
  --color-brand-role-table-text-on-brand: var(--color-brand-role-text-on-solid);
  --color-brand-role-text-body: var(--color-brand-font-body);
  --color-brand-role-text-caption: var(--color-brand-font-caption);
  --color-brand-role-text-caption-light: var(--color-brand-font-caption-light);
  --color-brand-role-text-disabled: var(--color-brand-font-disabled);
  --color-brand-role-text-selected: var(--color-brand-role-text-pressed);
  --color-brand-role-text-title: var(--color-brand-font-title);
  --color-brand-text: var(--color-brand-role-text);
  --color-brand-text-active: var(--color-brand-role-text-pressed);
  --color-brand-text-hover: var(--color-brand-role-text-hover);
  --color-button-category-brand-bg: var(--color-brand-role-subtle);
  --color-button-category-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-category-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-category-brand-fg: var(--color-brand-role-text);
  --color-button-category-brand-stroke: var(--color-brand-role-text);
  --color-button-fill-brand-bg: var(--color-brand-accessible-solid-default);
  --color-button-fill-brand-bg-hover: var(--color-brand-accessible-solid-hover);
  --color-button-fill-brand-bg-pressed: var(--color-brand-accessible-solid-pressed);
  --color-button-fill-brand-fg: var(--color-brand-role-text-on-solid);
  --color-button-outline-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-outline-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-outline-brand-fg: var(--color-brand-role-text);
  --color-button-outline-brand-stroke: var(--color-brand-role-text);
  --color-button-subtle-brand-bg: var(--color-brand-role-subtle);
  --color-button-subtle-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-subtle-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-subtle-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-bg-hover: var(--color-brand-role-subtle-hover);
  --color-button-text-brand-bg-pressed: var(--color-brand-role-subtle-pressed);
  --color-button-text-brand-fg: var(--color-brand-role-text);
  --color-button-text-brand-fg-hover: var(--color-brand-role-text-hover);
  --color-button-text-brand-fg-pressed: var(--color-brand-role-text-pressed);
  --color-fg-brand: var(--color-brand-role-text);
  --color-fg-brand-hover: var(--color-brand-role-text-hover);
  --color-fg-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-fg-brand-selected: var(--color-brand-role-text-pressed);
  --color-input-fg-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-field-default: var(--color-brand-role-input-bg-default);
  --color-input-field-disabled: var(--color-brand-role-input-bg-disabled);
  --color-input-field-focus: var(--color-brand-role-input-bg-focus);
  --color-input-field-hover: var(--color-brand-role-input-bg-hover);
  --color-input-field-user-dark: var(--color-brand-role-input-bg-user-dark);
  --color-input-field-user-light: var(--color-brand-role-input-bg-user-light);
  --color-input-glow-focus: var(--color-brand-role-input-glow-focus);
  --color-input-icon-action: var(--color-brand-role-input-fg-icon-action);
  --color-input-icon-default: var(--color-brand-role-input-fg-icon-default);
  --color-input-icon-focus: var(--color-brand-role-input-fg-icon-focus);
  --color-input-stroke-disabled: var(--color-brand-role-input-stroke-disabled);
  --color-input-stroke-focus: var(--color-brand-role-input-stroke-focus);
  --color-input-text-helper: var(--color-brand-role-input-fg-helper);
  --color-input-text-placeholder: var(--color-brand-role-input-fg-placeholder);
  --color-input-text-required: var(--color-brand-role-input-fg-required);
  --color-selection-bg-selected: var(--color-brand-accessible-solid-default);
  --color-selection-bg-selected-hover: var(--color-brand-accessible-solid-hover);
  --color-state-brand-hover: var(--color-brand-role-subtle-hover);
  --color-state-brand-selected: var(--color-brand-a10);
  --color-state-brand-selected-hover: var(--color-brand-a15);
  --color-stroke-brand: var(--color-brand-accessible-solid-default);
  --color-stroke-focus-ring: var(--color-brand-role-input-stroke-focus);
  --color-text-brand: var(--color-brand-role-text);
  --color-text-brand-active: var(--color-brand-role-text-pressed);
  --color-text-brand-hover: var(--color-brand-role-text-hover);
  --color-text-brand-inverse: var(--color-brand-role-text-on-solid);
  --color-text-brand-selected: var(--color-brand-role-text-pressed);
}
}


[data-responsive="normal-tablet"] {
  --corner-2xl: 24px;
  --corner-2xs: 4px;
  --corner-3xl: 32px;
  --corner-3xs: 2px;
  --corner-content-l: 12px;
  --corner-content-m: 10px;
  --corner-content-s: 8px;
  --corner-content-xs: 6px;
  --corner-full: 999px;
  --corner-l: 12px;
  --corner-m: 10px;
  --corner-none: 0px;
  --corner-s: 8px;
  --corner-xl: 16px;
  --corner-xs: 6px;
  --responsive-admin-shell-padding: 16px;
  --responsive-admin-shell-panel-gap: 16px;
  --responsive-admin-shell-panel-padding: 24px;
  --responsive-admin-shell-panel-padding-dense: 16px;
  --responsive-admin-shell-reference-width: 1024px;
  --responsive-admin-shell-sidebar-collapsed: 80px;
  --responsive-admin-shell-sidebar-expanded: 240px;
  --responsive-admin-shell-topbar-height: 64px;
  --responsive-button-gap-l: 8px;
  --responsive-button-gap-m: 8px;
  --responsive-button-gap-s: 6px;
  --responsive-button-gap-xs: 4px;
  --responsive-button-height-l: 44px;
  --responsive-button-height-m: 44px;
  --responsive-button-height-s: 32px;
  --responsive-button-height-xs: 32px;
  --responsive-button-icon-l: 20px;
  --responsive-button-icon-m: 20px;
  --responsive-button-icon-only-l: 20px;
  --responsive-button-icon-only-m: 20px;
  --responsive-button-icon-only-s: 16px;
  --responsive-button-icon-only-xs: 16px;
  --responsive-button-icon-s: 16px;
  --responsive-button-icon-xs: 16px;
  --responsive-button-label-font-size-l: 18px;
  --responsive-button-label-font-size-m: 16px;
  --responsive-button-label-font-size-s: 14px;
  --responsive-button-label-font-size-xs: 14px;
  --responsive-button-label-line-height-l: 18px;
  --responsive-button-label-line-height-m: 16px;
  --responsive-button-label-line-height-s: 14px;
  --responsive-button-label-line-height-xs: 14px;
  --responsive-button-padding-x-l: 22px;
  --responsive-button-padding-x-m: 18px;
  --responsive-button-padding-x-s: 14px;
  --responsive-button-padding-x-xs: 12px;
  --responsive-date-calendar-date-cell-height-l: 28px;
  --responsive-date-calendar-date-cell-height-m: 28px;
  --responsive-date-calendar-date-cell-height-s: 24px;
  --responsive-date-calendar-date-cell-height-xs: 24px;
  --responsive-date-calendar-date-cell-width-l: 40px;
  --responsive-date-calendar-date-cell-width-m: 36px;
  --responsive-date-calendar-date-cell-width-s: 32px;
  --responsive-date-calendar-date-cell-width-xs: 28px;
  --responsive-date-calendar-range-track-half-width-l: 20px;
  --responsive-date-calendar-range-track-half-width-m: 18px;
  --responsive-date-calendar-range-track-half-width-s: 16px;
  --responsive-date-calendar-range-track-half-width-xs: 14px;
  --responsive-date-calendar-year-month-padding-x: 6px;
  --responsive-font-size-body-14: 14px;
  --responsive-font-size-body-15: 15px;
  --responsive-font-size-body-16: 16px;
  --responsive-font-size-caption: 12px;
  --responsive-font-size-description-18: 18px;
  --responsive-font-size-description-20: 20px;
  --responsive-font-size-description-24: 24px;
  --responsive-font-size-display: 32px;
  --responsive-font-size-display-small: 28px;
  --responsive-font-size-heading-1: 26px;
  --responsive-font-size-heading-2: 24px;
  --responsive-font-size-heading-3: 22px;
  --responsive-font-size-heading-4: 20px;
  --responsive-font-size-heading-5: 18px;
  --responsive-font-size-heading-6: 16px;
  --responsive-font-size-hero: 40px;
  --responsive-font-size-hero-small: 36px;
  --responsive-font-size-label: 14px;
  --responsive-font-size-micro: 10px;
  --responsive-input-address-gap-l: var(--responsive-spacing-8);
  --responsive-input-address-gap-m: var(--responsive-spacing-8);
  --responsive-input-address-gap-s: var(--responsive-spacing-8);
  --responsive-input-address-gap-xs: var(--responsive-spacing-8);
  --responsive-input-bottom-icon-l: 16px;
  --responsive-input-bottom-icon-m: 16px;
  --responsive-input-bottom-icon-s: 12px;
  --responsive-input-bottom-icon-xs: 12px;
  --responsive-input-bottom-row-gap-l: 0px;
  --responsive-input-bottom-row-gap-m: 0px;
  --responsive-input-bottom-row-gap-s: 0px;
  --responsive-input-bottom-row-gap-xs: 0px;
  --responsive-input-button-gap-l: var(--responsive-spacing-8);
  --responsive-input-button-gap-m: var(--responsive-spacing-8);
  --responsive-input-button-gap-s: var(--responsive-spacing-8);
  --responsive-input-button-gap-xs: var(--responsive-spacing-8);
  --responsive-input-control-gap-l: 16px;
  --responsive-input-control-gap-m: 16px;
  --responsive-input-control-gap-s: 8px;
  --responsive-input-control-gap-xs: 8px;
  --responsive-input-counter-font-size: 12px;
  --responsive-input-counter-font-size-l: 12px;
  --responsive-input-counter-font-size-m: 12px;
  --responsive-input-counter-font-size-s: 10px;
  --responsive-input-counter-font-size-xs: 10px;
  --responsive-input-counter-gap-l: var(--responsive-spacing-4);
  --responsive-input-counter-gap-m: var(--responsive-spacing-4);
  --responsive-input-counter-gap-s: var(--responsive-spacing-4);
  --responsive-input-counter-gap-xs: var(--responsive-spacing-4);
  --responsive-input-counter-line-height: 16px;
  --responsive-input-counter-line-height-l: 16px;
  --responsive-input-counter-line-height-m: 16px;
  --responsive-input-counter-line-height-s: 12px;
  --responsive-input-counter-line-height-xs: 12px;
  --responsive-input-field-between-gap-l: var(--responsive-input-field-gap-l);
  --responsive-input-field-between-gap-m: var(--responsive-input-field-gap-m);
  --responsive-input-field-between-gap-s: var(--responsive-input-field-gap-s);
  --responsive-input-field-between-gap-xs: var(--responsive-input-field-gap-xs);
  --responsive-input-field-gap-l: 4px;
  --responsive-input-field-gap-m: 4px;
  --responsive-input-field-gap-s: 2px;
  --responsive-input-field-gap-xs: 2px;
  --responsive-input-font-size-l: 15px;
  --responsive-input-font-size-m: 14px;
  --responsive-input-font-size-s: 13px;
  --responsive-input-font-size-xs: 14px;
  --responsive-input-helper-font-size: 12px;
  --responsive-input-helper-font-size-l: 12px;
  --responsive-input-helper-font-size-m: 12px;
  --responsive-input-helper-font-size-s: 10px;
  --responsive-input-helper-font-size-xs: 10px;
  --responsive-input-helper-gap-l: var(--responsive-spacing-4);
  --responsive-input-helper-gap-m: var(--responsive-spacing-4);
  --responsive-input-helper-gap-s: var(--responsive-spacing-4);
  --responsive-input-helper-gap-xs: var(--responsive-spacing-4);
  --responsive-input-helper-line-height: 16px;
  --responsive-input-helper-line-height-l: 16px;
  --responsive-input-helper-line-height-m: 16px;
  --responsive-input-helper-line-height-s: 12px;
  --responsive-input-helper-line-height-xs: 12px;
  --responsive-input-icon-text-gap-l: var(--responsive-input-field-gap-l);
  --responsive-input-icon-text-gap-m: var(--responsive-input-field-gap-m);
  --responsive-input-icon-text-gap-s: var(--responsive-input-field-gap-s);
  --responsive-input-icon-text-gap-xs: var(--responsive-input-field-gap-xs);
  --responsive-input-label-font-size: 13px;
  --responsive-input-label-font-size-l: 13px;
  --responsive-input-label-font-size-m: 13px;
  --responsive-input-label-font-size-s: 12px;
  --responsive-input-label-font-size-xs: 10px;
  --responsive-input-label-gap-l: var(--responsive-spacing-4);
  --responsive-input-label-gap-m: var(--responsive-spacing-4);
  --responsive-input-label-gap-s: var(--responsive-spacing-4);
  --responsive-input-label-gap-xs: var(--responsive-spacing-4);
  --responsive-input-label-line-height: 18px;
  --responsive-input-label-line-height-l: 18px;
  --responsive-input-label-line-height-m: 18px;
  --responsive-input-label-line-height-s: 16px;
  --responsive-input-label-line-height-xs: 12px;
  --responsive-input-leading-icon-l: var(--responsive-button-icon-l);
  --responsive-input-leading-icon-m: var(--responsive-button-icon-m);
  --responsive-input-leading-icon-s: var(--responsive-button-icon-s);
  --responsive-input-leading-icon-xs: var(--responsive-button-icon-xs);
  --responsive-input-line-height-multiline-l: 24px;
  --responsive-input-line-height-multiline-m: 20px;
  --responsive-input-line-height-multiline-s: 18px;
  --responsive-input-line-height-multiline-xs: 18px;
  --responsive-input-line-height-single-l: 15px;
  --responsive-input-line-height-single-m: 14px;
  --responsive-input-line-height-single-s: 13px;
  --responsive-input-line-height-single-xs: 14px;
  --responsive-input-message-font-size: 12px;
  --responsive-input-message-line-height: 16px;
  --responsive-input-min-width-l: 96px;
  --responsive-input-min-width-m: 88px;
  --responsive-input-min-width-s: 72px;
  --responsive-input-min-width-xs: 64px;
  --responsive-input-multicheck-item-gap-l: 24px;
  --responsive-input-multicheck-item-gap-m: 24px;
  --responsive-input-multicheck-item-gap-s: 24px;
  --responsive-input-multicheck-item-gap-xs: 24px;
  --responsive-input-padding-x-l: 12px;
  --responsive-input-padding-x-m: 12px;
  --responsive-input-padding-x-s: 8px;
  --responsive-input-padding-x-xs: 8px;
  --responsive-input-select-option-item-height-l: 36px;
  --responsive-input-select-option-item-height-m: 32px;
  --responsive-input-select-option-item-height-s: 28px;
  --responsive-input-select-option-item-height-xs: 28px;
  --responsive-input-select-option-panel-padding-xs: 6px;
  --responsive-input-set-gap-y-l: 8px;
  --responsive-input-set-gap-y-m: 8px;
  --responsive-input-set-gap-y-s: 6px;
  --responsive-input-set-gap-y-xs: 6px;
  --responsive-input-text-field-height-l: 98px;
  --responsive-input-text-field-height-m: 90px;
  --responsive-input-text-field-height-s: 82px;
  --responsive-input-text-field-height-xs: 74px;
  --responsive-input-trailing-icon-l: var(--responsive-button-icon-l);
  --responsive-input-trailing-icon-m: var(--responsive-button-icon-m);
  --responsive-input-trailing-icon-s: var(--responsive-button-icon-s);
  --responsive-input-trailing-icon-xs: var(--responsive-button-icon-xs);
  --responsive-line-height-body-14: 22px;
  --responsive-line-height-body-15: 24px;
  --responsive-line-height-body-16: 26px;
  --responsive-line-height-caption: 16px;
  --responsive-line-height-description-18: 28px;
  --responsive-line-height-description-20: 30px;
  --responsive-line-height-description-24: 36px;
  --responsive-line-height-display: 46px;
  --responsive-line-height-display-small: 40px;
  --responsive-line-height-heading-1: 38px;
  --responsive-line-height-heading-2: 34px;
  --responsive-line-height-heading-3: 32px;
  --responsive-line-height-heading-4: 28px;
  --responsive-line-height-heading-5: 26px;
  --responsive-line-height-heading-6: 24px;
  --responsive-line-height-hero: 54px;
  --responsive-line-height-hero-small: 49px;
  --responsive-line-height-label: 20px;
  --responsive-line-height-micro: 14px;
  --responsive-page-block-gap: 40px;
  --responsive-page-bottom: 80px;
  --responsive-page-card-gap: 24px;
  --responsive-page-card-gap-dense: 16px;
  --responsive-page-card-gap-wide: 24px;
  --responsive-page-content-compact: 480px;
  --responsive-page-content-gap: 24px;
  --responsive-page-content-max-width: 960px;
  --responsive-page-content-narrow: 960px;
  --responsive-page-content-reading: 720px;
  --responsive-page-hero-padding-y: 40px;
  --responsive-page-item-gap: 24px;
  --responsive-page-max-gutter: 32px;
  --responsive-page-min-gutter: 32px;
  --responsive-page-reference-gutter: 32px;
  --responsive-page-reference-width: 1024px;
  --responsive-page-section-gap-large: 80px;
  --responsive-page-section-gap-medium: 56px;
  --responsive-page-title-gap-large: 32px;
  --responsive-page-title-gap-medium: 24px;
  --responsive-page-title-gap-small: 16px;
  --responsive-paragraph-spacing-body-14: 12px;
  --responsive-paragraph-spacing-body-15: 16px;
  --responsive-paragraph-spacing-body-16: 16px;
  --responsive-paragraph-spacing-caption: 8px;
  --responsive-paragraph-spacing-description-18: 16px;
  --responsive-paragraph-spacing-description-20: 16px;
  --responsive-paragraph-spacing-description-24: 16px;
  --responsive-paragraph-spacing-display: 32px;
  --responsive-paragraph-spacing-display-small: 32px;
  --responsive-paragraph-spacing-heading-1: 24px;
  --responsive-paragraph-spacing-heading-2: 24px;
  --responsive-paragraph-spacing-heading-3: 16px;
  --responsive-paragraph-spacing-heading-4: 16px;
  --responsive-paragraph-spacing-heading-5: 16px;
  --responsive-paragraph-spacing-heading-6: 16px;
  --responsive-paragraph-spacing-hero: 40px;
  --responsive-paragraph-spacing-hero-small: 40px;
  --responsive-paragraph-spacing-label: 8px;
  --responsive-paragraph-spacing-micro: 6px;
  --responsive-selection-indicator-size-l: 20px;
  --responsive-selection-indicator-size-m: 20px;
  --responsive-selection-indicator-size-s: 16px;
  --responsive-selection-indicator-size-xs: 14px;
  --responsive-selection-item-gap-l: 6px;
  --responsive-selection-item-gap-m: 6px;
  --responsive-selection-item-gap-s: 4px;
  --responsive-selection-item-gap-xs: 4px;
  --responsive-selection-label-font-size-l: var(--responsive-input-font-size-l);
  --responsive-selection-label-font-size-m: var(--responsive-input-font-size-m);
  --responsive-selection-label-font-size-s: var(--responsive-input-font-size-s);
  --responsive-selection-label-font-size-xs: var(--responsive-input-font-size-xs);
  --responsive-selection-label-line-height-l: var(--responsive-selection-label-font-size-l);
  --responsive-selection-label-line-height-m: var(--responsive-selection-label-font-size-m);
  --responsive-selection-label-line-height-multiline-l: var(--responsive-input-line-height-multiline-l);
  --responsive-selection-label-line-height-multiline-m: var(--responsive-input-line-height-multiline-m);
  --responsive-selection-label-line-height-multiline-s: var(--responsive-input-line-height-multiline-s);
  --responsive-selection-label-line-height-multiline-xs: var(--responsive-input-line-height-multiline-xs);
  --responsive-selection-label-line-height-s: var(--responsive-selection-label-font-size-s);
  --responsive-selection-label-line-height-xs: var(--responsive-selection-label-font-size-xs);
  --responsive-selection-multi-list-column-gap: 24px;
  --responsive-selection-multi-list-padding-block: 12px;
  --responsive-selection-multi-list-row-gap: 10px;
  --responsive-selection-switch-height-m: 20px;
  --responsive-selection-switch-height-s: 16px;
  --responsive-selection-switch-thumb-m: 16px;
  --responsive-selection-switch-thumb-s: 12px;
  --responsive-selection-switch-width-m: 36px;
  --responsive-selection-switch-width-s: 30px;
  --responsive-sidebar-menu-icon-size: 20px;
  --responsive-sidebar-menu-row-height-main: 40px;
  --responsive-spacing-0: 0px;
  --responsive-spacing-4: 4px;
  --responsive-spacing-6: 6px;
  --responsive-spacing-8: 8px;
  --responsive-spacing-12: 12px;
  --responsive-spacing-16: 16px;
  --responsive-spacing-24: 24px;
  --responsive-spacing-32: 32px;
  --responsive-spacing-40: 40px;
  --responsive-spacing-48: 48px;
  --responsive-spacing-64: 56px;
  --responsive-spacing-80: 64px;
  --responsive-spacing-96: 72px;
  --responsive-table-action-min-width-l: 146px;
  --responsive-table-action-min-width-m: 124px;
  --responsive-table-action-min-width-s: 118px;
  --responsive-table-body-cell-height-l: 48px;
  --responsive-table-body-cell-height-m: 40px;
  --responsive-table-body-cell-height-s: 36px;
  --responsive-table-control-cell-padding-x-l: 16px;
  --responsive-table-control-cell-padding-x-m: var(--responsive-table-padding-x-m);
  --responsive-table-control-cell-padding-x-s: 8px;
  --responsive-table-header-cell-height-l: 56px;
  --responsive-table-header-cell-height-m: 48px;
  --responsive-table-header-cell-height-s: 40px;
  --responsive-table-input-min-width-l: 120px;
  --responsive-table-input-min-width-m: 96px;
  --responsive-table-input-min-width-s: 80px;
  --responsive-table-padding-x-l: 12px;
  --responsive-table-padding-x-m: 12px;
  --responsive-table-padding-x-s: 12px;
  --responsive-table-padding-y-body-l: 2px;
  --responsive-table-padding-y-body-m: 4px;
  --responsive-table-padding-y-body-s: 2px;
  --responsive-table-padding-y-header-l: 6px;
  --responsive-table-padding-y-header-m: 8px;
  --responsive-table-padding-y-header-s: 4px;
  --stroke-width-default: 1px;
  --stroke-width-input-focus-l: 1.5px;
  --stroke-width-input-focus-m: 1px;
  --stroke-width-input-focus-s: 1px;
  --stroke-width-input-focus-xs: 0.7px;
  --stroke-width-strong: 2px;
  --spacing-12: var(--responsive-spacing-12);
  --spacing-16: var(--responsive-spacing-16);
  --spacing-24: var(--responsive-spacing-24);
  --spacing-32: var(--responsive-spacing-32);
  --spacing-4: var(--responsive-spacing-4);
  --spacing-40: var(--responsive-spacing-40);
  --spacing-48: var(--responsive-spacing-48);
  --spacing-64: var(--responsive-spacing-64);
  --spacing-8: var(--responsive-spacing-8);
  --spacing-80: var(--responsive-spacing-80);
  --spacing-96: var(--responsive-spacing-96);
}


[data-responsive="normal-mobile"] {
  --corner-2xl: 24px;
  --corner-2xs: 4px;
  --corner-3xl: 32px;
  --corner-3xs: 2px;
  --corner-content-l: 12px;
  --corner-content-m: 10px;
  --corner-content-s: 8px;
  --corner-content-xs: 6px;
  --corner-full: 999px;
  --corner-l: 12px;
  --corner-m: 10px;
  --corner-none: 0px;
  --corner-s: 8px;
  --corner-xl: 16px;
  --corner-xs: 6px;
  --responsive-admin-shell-padding: 16px;
  --responsive-admin-shell-panel-gap: 16px;
  --responsive-admin-shell-panel-padding: 20px;
  --responsive-admin-shell-panel-padding-dense: 16px;
  --responsive-admin-shell-reference-width: 393px;
  --responsive-admin-shell-sidebar-collapsed: 80px;
  --responsive-admin-shell-sidebar-expanded: 240px;
  --responsive-admin-shell-topbar-height: 56px;
  --responsive-button-gap-l: 8px;
  --responsive-button-gap-m: 8px;
  --responsive-button-gap-s: 6px;
  --responsive-button-gap-xs: 4px;
  --responsive-button-height-l: 42px;
  --responsive-button-height-m: 42px;
  --responsive-button-height-s: 32px;
  --responsive-button-height-xs: 32px;
  --responsive-button-icon-l: 20px;
  --responsive-button-icon-m: 20px;
  --responsive-button-icon-only-l: 20px;
  --responsive-button-icon-only-m: 20px;
  --responsive-button-icon-only-s: 16px;
  --responsive-button-icon-only-xs: 16px;
  --responsive-button-icon-s: 16px;
  --responsive-button-icon-xs: 16px;
  --responsive-button-label-font-size-l: 18px;
  --responsive-button-label-font-size-m: 16px;
  --responsive-button-label-font-size-s: 14px;
  --responsive-button-label-font-size-xs: 14px;
  --responsive-button-label-line-height-l: 18px;
  --responsive-button-label-line-height-m: 16px;
  --responsive-button-label-line-height-s: 14px;
  --responsive-button-label-line-height-xs: 14px;
  --responsive-button-padding-x-l: 22px;
  --responsive-button-padding-x-m: 18px;
  --responsive-button-padding-x-s: 14px;
  --responsive-button-padding-x-xs: 12px;
  --responsive-date-calendar-date-cell-height-l: 28px;
  --responsive-date-calendar-date-cell-height-m: 28px;
  --responsive-date-calendar-date-cell-height-s: 24px;
  --responsive-date-calendar-date-cell-height-xs: 24px;
  --responsive-date-calendar-date-cell-width-l: 40px;
  --responsive-date-calendar-date-cell-width-m: 36px;
  --responsive-date-calendar-date-cell-width-s: 32px;
  --responsive-date-calendar-date-cell-width-xs: 28px;
  --responsive-date-calendar-range-track-half-width-l: 20px;
  --responsive-date-calendar-range-track-half-width-m: 18px;
  --responsive-date-calendar-range-track-half-width-s: 16px;
  --responsive-date-calendar-range-track-half-width-xs: 14px;
  --responsive-date-calendar-year-month-padding-x: 6px;
  --responsive-font-size-body-14: 14px;
  --responsive-font-size-body-15: 15px;
  --responsive-font-size-body-16: 16px;
  --responsive-font-size-caption: 12px;
  --responsive-font-size-description-18: 18px;
  --responsive-font-size-description-20: 20px;
  --responsive-font-size-description-24: 24px;
  --responsive-font-size-display: 32px;
  --responsive-font-size-display-small: 28px;
  --responsive-font-size-heading-1: 26px;
  --responsive-font-size-heading-2: 24px;
  --responsive-font-size-heading-3: 22px;
  --responsive-font-size-heading-4: 20px;
  --responsive-font-size-heading-5: 18px;
  --responsive-font-size-heading-6: 16px;
  --responsive-font-size-hero: 40px;
  --responsive-font-size-hero-small: 36px;
  --responsive-font-size-label: 14px;
  --responsive-font-size-micro: 10px;
  --responsive-input-address-gap-l: var(--responsive-spacing-8);
  --responsive-input-address-gap-m: var(--responsive-spacing-8);
  --responsive-input-address-gap-s: var(--responsive-spacing-8);
  --responsive-input-address-gap-xs: var(--responsive-spacing-8);
  --responsive-input-bottom-icon-l: 16px;
  --responsive-input-bottom-icon-m: 16px;
  --responsive-input-bottom-icon-s: 12px;
  --responsive-input-bottom-icon-xs: 12px;
  --responsive-input-bottom-row-gap-l: 0px;
  --responsive-input-bottom-row-gap-m: 0px;
  --responsive-input-bottom-row-gap-s: 0px;
  --responsive-input-bottom-row-gap-xs: 0px;
  --responsive-input-button-gap-l: var(--responsive-spacing-8);
  --responsive-input-button-gap-m: var(--responsive-spacing-8);
  --responsive-input-button-gap-s: var(--responsive-spacing-8);
  --responsive-input-button-gap-xs: var(--responsive-spacing-8);
  --responsive-input-control-gap-l: 16px;
  --responsive-input-control-gap-m: 16px;
  --responsive-input-control-gap-s: 8px;
  --responsive-input-control-gap-xs: 8px;
  --responsive-input-counter-font-size: 12px;
  --responsive-input-counter-font-size-l: 12px;
  --responsive-input-counter-font-size-m: 12px;
  --responsive-input-counter-font-size-s: 10px;
  --responsive-input-counter-font-size-xs: 10px;
  --responsive-input-counter-gap-l: var(--responsive-spacing-4);
  --responsive-input-counter-gap-m: var(--responsive-spacing-4);
  --responsive-input-counter-gap-s: var(--responsive-spacing-4);
  --responsive-input-counter-gap-xs: var(--responsive-spacing-4);
  --responsive-input-counter-line-height: 16px;
  --responsive-input-counter-line-height-l: 16px;
  --responsive-input-counter-line-height-m: 16px;
  --responsive-input-counter-line-height-s: 12px;
  --responsive-input-counter-line-height-xs: 12px;
  --responsive-input-field-between-gap-l: var(--responsive-input-field-gap-l);
  --responsive-input-field-between-gap-m: var(--responsive-input-field-gap-m);
  --responsive-input-field-between-gap-s: var(--responsive-input-field-gap-s);
  --responsive-input-field-between-gap-xs: var(--responsive-input-field-gap-xs);
  --responsive-input-field-gap-l: 4px;
  --responsive-input-field-gap-m: 4px;
  --responsive-input-field-gap-s: 2px;
  --responsive-input-field-gap-xs: 2px;
  --responsive-input-font-size-l: 15px;
  --responsive-input-font-size-m: 14px;
  --responsive-input-font-size-s: 13px;
  --responsive-input-font-size-xs: 14px;
  --responsive-input-helper-font-size: 12px;
  --responsive-input-helper-font-size-l: 12px;
  --responsive-input-helper-font-size-m: 12px;
  --responsive-input-helper-font-size-s: 10px;
  --responsive-input-helper-font-size-xs: 10px;
  --responsive-input-helper-gap-l: var(--responsive-spacing-4);
  --responsive-input-helper-gap-m: var(--responsive-spacing-4);
  --responsive-input-helper-gap-s: var(--responsive-spacing-4);
  --responsive-input-helper-gap-xs: var(--responsive-spacing-4);
  --responsive-input-helper-line-height: 16px;
  --responsive-input-helper-line-height-l: 16px;
  --responsive-input-helper-line-height-m: 16px;
  --responsive-input-helper-line-height-s: 12px;
  --responsive-input-helper-line-height-xs: 12px;
  --responsive-input-icon-text-gap-l: var(--responsive-input-field-gap-l);
  --responsive-input-icon-text-gap-m: var(--responsive-input-field-gap-m);
  --responsive-input-icon-text-gap-s: var(--responsive-input-field-gap-s);
  --responsive-input-icon-text-gap-xs: var(--responsive-input-field-gap-xs);
  --responsive-input-label-font-size: 13px;
  --responsive-input-label-font-size-l: 13px;
  --responsive-input-label-font-size-m: 13px;
  --responsive-input-label-font-size-s: 12px;
  --responsive-input-label-font-size-xs: 10px;
  --responsive-input-label-gap-l: var(--responsive-spacing-4);
  --responsive-input-label-gap-m: var(--responsive-spacing-4);
  --responsive-input-label-gap-s: var(--responsive-spacing-4);
  --responsive-input-label-gap-xs: var(--responsive-spacing-4);
  --responsive-input-label-line-height: 18px;
  --responsive-input-label-line-height-l: 18px;
  --responsive-input-label-line-height-m: 18px;
  --responsive-input-label-line-height-s: 16px;
  --responsive-input-label-line-height-xs: 12px;
  --responsive-input-leading-icon-l: var(--responsive-button-icon-l);
  --responsive-input-leading-icon-m: var(--responsive-button-icon-m);
  --responsive-input-leading-icon-s: var(--responsive-button-icon-s);
  --responsive-input-leading-icon-xs: var(--responsive-button-icon-xs);
  --responsive-input-line-height-multiline-l: 24px;
  --responsive-input-line-height-multiline-m: 20px;
  --responsive-input-line-height-multiline-s: 18px;
  --responsive-input-line-height-multiline-xs: 18px;
  --responsive-input-line-height-single-l: 15px;
  --responsive-input-line-height-single-m: 14px;
  --responsive-input-line-height-single-s: 13px;
  --responsive-input-line-height-single-xs: 14px;
  --responsive-input-message-font-size: 12px;
  --responsive-input-message-line-height: 16px;
  --responsive-input-min-width-l: 96px;
  --responsive-input-min-width-m: 88px;
  --responsive-input-min-width-s: 72px;
  --responsive-input-min-width-xs: 64px;
  --responsive-input-multicheck-item-gap-l: 24px;
  --responsive-input-multicheck-item-gap-m: 24px;
  --responsive-input-multicheck-item-gap-s: 24px;
  --responsive-input-multicheck-item-gap-xs: 24px;
  --responsive-input-padding-x-l: 12px;
  --responsive-input-padding-x-m: 12px;
  --responsive-input-padding-x-s: 8px;
  --responsive-input-padding-x-xs: 8px;
  --responsive-input-select-option-item-height-l: 36px;
  --responsive-input-select-option-item-height-m: 32px;
  --responsive-input-select-option-item-height-s: 28px;
  --responsive-input-select-option-item-height-xs: 28px;
  --responsive-input-select-option-panel-padding-xs: 6px;
  --responsive-input-set-gap-y-l: 8px;
  --responsive-input-set-gap-y-m: 8px;
  --responsive-input-set-gap-y-s: 6px;
  --responsive-input-set-gap-y-xs: 6px;
  --responsive-input-text-field-height-l: 98px;
  --responsive-input-text-field-height-m: 90px;
  --responsive-input-text-field-height-s: 82px;
  --responsive-input-text-field-height-xs: 74px;
  --responsive-input-trailing-icon-l: var(--responsive-button-icon-l);
  --responsive-input-trailing-icon-m: var(--responsive-button-icon-m);
  --responsive-input-trailing-icon-s: var(--responsive-button-icon-s);
  --responsive-input-trailing-icon-xs: var(--responsive-button-icon-xs);
  --responsive-line-height-body-14: 22px;
  --responsive-line-height-body-15: 24px;
  --responsive-line-height-body-16: 26px;
  --responsive-line-height-caption: 16px;
  --responsive-line-height-description-18: 28px;
  --responsive-line-height-description-20: 30px;
  --responsive-line-height-description-24: 36px;
  --responsive-line-height-display: 46px;
  --responsive-line-height-display-small: 40px;
  --responsive-line-height-heading-1: 38px;
  --responsive-line-height-heading-2: 34px;
  --responsive-line-height-heading-3: 32px;
  --responsive-line-height-heading-4: 28px;
  --responsive-line-height-heading-5: 26px;
  --responsive-line-height-heading-6: 24px;
  --responsive-line-height-hero: 54px;
  --responsive-line-height-hero-small: 49px;
  --responsive-line-height-label: 20px;
  --responsive-line-height-micro: 14px;
  --responsive-page-block-gap: 40px;
  --responsive-page-bottom: 80px;
  --responsive-page-card-gap: 24px;
  --responsive-page-card-gap-dense: 16px;
  --responsive-page-card-gap-wide: 24px;
  --responsive-page-content-compact: 345px;
  --responsive-page-content-gap: 24px;
  --responsive-page-content-max-width: 345px;
  --responsive-page-content-narrow: 345px;
  --responsive-page-content-reading: 345px;
  --responsive-page-hero-padding-y: 40px;
  --responsive-page-item-gap: 20px;
  --responsive-page-max-gutter: 24px;
  --responsive-page-min-gutter: 24px;
  --responsive-page-reference-gutter: 24px;
  --responsive-page-reference-width: 393px;
  --responsive-page-section-gap-large: 80px;
  --responsive-page-section-gap-medium: 56px;
  --responsive-page-title-gap-large: 32px;
  --responsive-page-title-gap-medium: 24px;
  --responsive-page-title-gap-small: 16px;
  --responsive-paragraph-spacing-body-14: 12px;
  --responsive-paragraph-spacing-body-15: 16px;
  --responsive-paragraph-spacing-body-16: 16px;
  --responsive-paragraph-spacing-caption: 8px;
  --responsive-paragraph-spacing-description-18: 16px;
  --responsive-paragraph-spacing-description-20: 16px;
  --responsive-paragraph-spacing-description-24: 16px;
  --responsive-paragraph-spacing-display: 32px;
  --responsive-paragraph-spacing-display-small: 32px;
  --responsive-paragraph-spacing-heading-1: 24px;
  --responsive-paragraph-spacing-heading-2: 24px;
  --responsive-paragraph-spacing-heading-3: 16px;
  --responsive-paragraph-spacing-heading-4: 16px;
  --responsive-paragraph-spacing-heading-5: 16px;
  --responsive-paragraph-spacing-heading-6: 16px;
  --responsive-paragraph-spacing-hero: 40px;
  --responsive-paragraph-spacing-hero-small: 40px;
  --responsive-paragraph-spacing-label: 8px;
  --responsive-paragraph-spacing-micro: 6px;
  --responsive-selection-indicator-size-l: 20px;
  --responsive-selection-indicator-size-m: 20px;
  --responsive-selection-indicator-size-s: 16px;
  --responsive-selection-indicator-size-xs: 14px;
  --responsive-selection-item-gap-l: 6px;
  --responsive-selection-item-gap-m: 6px;
  --responsive-selection-item-gap-s: 4px;
  --responsive-selection-item-gap-xs: 4px;
  --responsive-selection-label-font-size-l: var(--responsive-input-font-size-l);
  --responsive-selection-label-font-size-m: var(--responsive-input-font-size-m);
  --responsive-selection-label-font-size-s: var(--responsive-input-font-size-s);
  --responsive-selection-label-font-size-xs: var(--responsive-input-font-size-xs);
  --responsive-selection-label-line-height-l: var(--responsive-selection-label-font-size-l);
  --responsive-selection-label-line-height-m: var(--responsive-selection-label-font-size-m);
  --responsive-selection-label-line-height-multiline-l: var(--responsive-input-line-height-multiline-l);
  --responsive-selection-label-line-height-multiline-m: var(--responsive-input-line-height-multiline-m);
  --responsive-selection-label-line-height-multiline-s: var(--responsive-input-line-height-multiline-s);
  --responsive-selection-label-line-height-multiline-xs: var(--responsive-input-line-height-multiline-xs);
  --responsive-selection-label-line-height-s: var(--responsive-selection-label-font-size-s);
  --responsive-selection-label-line-height-xs: var(--responsive-selection-label-font-size-xs);
  --responsive-selection-multi-list-column-gap: 24px;
  --responsive-selection-multi-list-padding-block: 12px;
  --responsive-selection-multi-list-row-gap: 10px;
  --responsive-selection-switch-height-m: 20px;
  --responsive-selection-switch-height-s: 16px;
  --responsive-selection-switch-thumb-m: 16px;
  --responsive-selection-switch-thumb-s: 12px;
  --responsive-selection-switch-width-m: 36px;
  --responsive-selection-switch-width-s: 30px;
  --responsive-sidebar-menu-icon-size: 20px;
  --responsive-sidebar-menu-row-height-main: 40px;
  --responsive-spacing-0: 0px;
  --responsive-spacing-4: 4px;
  --responsive-spacing-6: 6px;
  --responsive-spacing-8: 8px;
  --responsive-spacing-12: 12px;
  --responsive-spacing-16: 16px;
  --responsive-spacing-24: 20px;
  --responsive-spacing-32: 24px;
  --responsive-spacing-40: 28px;
  --responsive-spacing-48: 32px;
  --responsive-spacing-64: 40px;
  --responsive-spacing-80: 48px;
  --responsive-spacing-96: 56px;
  --responsive-table-action-min-width-l: 146px;
  --responsive-table-action-min-width-m: 124px;
  --responsive-table-action-min-width-s: 118px;
  --responsive-table-body-cell-height-l: 48px;
  --responsive-table-body-cell-height-m: 40px;
  --responsive-table-body-cell-height-s: 36px;
  --responsive-table-control-cell-padding-x-l: 16px;
  --responsive-table-control-cell-padding-x-m: var(--responsive-table-padding-x-m);
  --responsive-table-control-cell-padding-x-s: 8px;
  --responsive-table-header-cell-height-l: 56px;
  --responsive-table-header-cell-height-m: 48px;
  --responsive-table-header-cell-height-s: 40px;
  --responsive-table-input-min-width-l: 120px;
  --responsive-table-input-min-width-m: 96px;
  --responsive-table-input-min-width-s: 80px;
  --responsive-table-padding-x-l: 12px;
  --responsive-table-padding-x-m: 12px;
  --responsive-table-padding-x-s: 12px;
  --responsive-table-padding-y-body-l: 2px;
  --responsive-table-padding-y-body-m: 4px;
  --responsive-table-padding-y-body-s: 2px;
  --responsive-table-padding-y-header-l: 6px;
  --responsive-table-padding-y-header-m: 8px;
  --responsive-table-padding-y-header-s: 4px;
  --stroke-width-default: 1px;
  --stroke-width-input-focus-l: 1.5px;
  --stroke-width-input-focus-m: 1px;
  --stroke-width-input-focus-s: 1px;
  --stroke-width-input-focus-xs: 0.7px;
  --stroke-width-strong: 2px;
  --spacing-12: var(--responsive-spacing-12);
  --spacing-16: var(--responsive-spacing-16);
  --spacing-24: var(--responsive-spacing-24);
  --spacing-32: var(--responsive-spacing-32);
  --spacing-4: var(--responsive-spacing-4);
  --spacing-40: var(--responsive-spacing-40);
  --spacing-48: var(--responsive-spacing-48);
  --spacing-64: var(--responsive-spacing-64);
  --spacing-8: var(--responsive-spacing-8);
  --spacing-80: var(--responsive-spacing-80);
  --spacing-96: var(--responsive-spacing-96);
}