/**
 * Color Tokens — BlumnAI Design System
 * Figma Collection: Colors (449 variables) + Themes (224 variables)
 * Supports 4 themes: Theme-A Light (default) / Theme-A Dark / Theme-B Light / Theme-B Dark.
 * Theme-A brand = blue #437dfc · Theme-B brand = orange #f27313.
 */

/* ============================================
   Theme-A Light (Default)
   ============================================ */
:root {
  /* Text Colors */
  --text-default: #111115;
  --text-subtle: #4e4e55;
  --text-muted: #6f6f77;
  --text-hint: #27272a4d;
  --text-inverted-default: #ffffff;
  --text-inverted-subtle: #ffffffb3;
  --text-inverted-muted: #ffffff80;
  --text-inverted-hint: #ffffff4d;
  --text-white-default: #ffffff;
  --text-white-subtle: #ffffffb3;
  --text-white-muted: #ffffff80;
  --text-white-hint: #ffffff4d;
  --text-dark-default: #111115;
  --text-dark-subtle: #4e4e55;
  --text-dark-muted: #6f6f77;
  --text-dark-hint: #27272a59;
  --text-destructive: #d42422;
  --text-success: #3ea44b;
  --text-warning: #e35706;
  --text-informative: #2b5df3;

  /* Background Colors */
  --bg-default: #ffffff;
  --bg-subtle: #fafafa;
  --bg-muted: #f4f4f5;
  --bg-inverted: #18181b;
  --bg-card: #ffffff;
  --bg-card-subtle: #fafafa;
  --bg-card-inverted: #222225;
  --bg-sidebar: #ffffff;
  --bg-sidebar-subtle: #fafafa;
  --bg-input: #ffffff;
  --bg-input-soft: #27272a0f;
  --bg-input-disabled: #27272a0f;
  --bg-overlay: #27272a0f;

  /* Background State Colors */
  --bg-state-primary: #437dfc;
  --bg-state-primary-hover: #65a0fd;
  --bg-state-primary-press: #437dfc;
  --bg-state-primary-loading: #9ac4fe;
  --bg-state-secondary: #ffffff;
  --bg-state-secondary-hover: #fafafa;
  --bg-state-secondary-press: #f4f4f5;
  --bg-state-secondary-loading: #ffffff;
  --bg-state-soft: #27272a0f;
  --bg-state-soft-hover: #27272a14;
  --bg-state-soft-press: #27272a1a;
  --bg-state-soft-loading: #27272a0f;
  --bg-state-ghost: #27272a00;
  --bg-state-ghost-hover: #27272a0f;
  --bg-state-ghost-press: #27272a14;
  --bg-state-ghost-loading: #27272a0f;
  --bg-state-ghost-inverted: #ffffff00;
  --bg-state-ghost-hover-inverted: #ffffff14;
  --bg-state-ghost-press-inverted: #ffffff26;
  --bg-state-ghost-loading-inverted: #ffffff14;
  --bg-state-destructive: #e74341;
  --bg-state-destructive-hover: #ed6664;
  --bg-state-destructive-press: #e74341;
  --bg-state-destructive-loading: #f4a6a5;
  --bg-state-destructive-soft: #e743411a;
  --bg-state-brand: #437dfc;
  --bg-state-brand-hover: #65a0fd;
  --bg-state-brand-press: #437dfc;
  --bg-state-brand-loading: #9ac4fe;
  --bg-state-gray: #111115;
  --bg-state-disabled: #27272a14;

  /* Icon Colors */
  --icon-default: #111115;
  --icon-default-subtle: #4e4e55;
  --icon-default-muted: #6f6f77;
  --icon-default-disabled: #27272a40;
  --icon-inverted-default: #ffffff;
  --icon-inverted-subtle: #ffffffa6;
  --icon-inverted-muted: #ffffff80;
  --icon-inverted-disabled: #ffffff59;
  --icon-white-default: #ffffff;
  --icon-white-subtle: #ffffffa6;
  --icon-white-muted: #ffffff80;
  --icon-white-disabled: #ffffff59;
  --icon-black-default: #111115;
  --icon-black-subtle: #4e4e55;
  --icon-black-muted: #6f6f77;
  --icon-black-disabled: #27272a59;
  --icon-destructive: #e74341;
  --icon-informative: #437dfc;
  --icon-success: #4fc660;
  --icon-warning: #f27313;

  /* Border Colors */
  --border-default: #27272a1a;
  --border-darker: #27272a26;
  --border-strong: #27272a40;
  --border-inverted: #ffffff33;
  --border-accent: #111115;
  --border-accent-inverted: #ffffff;
  --border-destructive: #e74341;
  --border-informative: #437dfc;
  --border-success: #4fc660;
  --border-warning: #f27313;
  --border-highlight: #65a0fd66;
  --border-highlight-destructive: #ee6e6c66;
  --border-highlight-accent: #437dfc;
  --border-input-highlight: #27272a66;
  --border-white: #ffffff33;
  --border-red: #ee6e6c33;
  --border-orange: #f38f3633;
  --border-amber: #f5bd1e33;
  --border-yellow: #f5ca0f33;
  --border-lime: #abe43533;
  --border-green: #66dc7e33;
  --border-emerald: #56d19733;
  --border-teal: #53d2be33;
  --border-cyan: #4ad0ef33;
  --border-sky: #4db9fa33;
  --border-blue: #65a0fd33;
  --border-indigo: #7e86fb33;
  --border-violet: #a185fd33;
  --border-purple: #b87efe33;
  --border-fuchsia: #dd72fa33;
  --border-pink: #ea6eb333;
  --border-rose: #f16e8133;

  /* Checkbox Colors */
  --bg-checkbox-default: #ffffff;
  --bg-checkbox-active: #437dfc;
  --bg-checkbox-active-hover: #65a0fd;
  --bg-checkbox-disabled: #27272a0f;

  /* Switch Colors */
  --bg-switch-default: #e9e9ec;
  --bg-switch-default-hover: #dadadd;
  --bg-switch-disabled: #f4f4f5;
  --bg-switch-default-2: #111115;
  --bg-switch-active: #4fc660;
  --bg-switch-active-hover: #3ea44b;
  --bg-switch-active-disabled: #c6f6d2;
  --bg-switch-handle: #ffffff;
  --bg-switch-handle-disabled: #fafafa;

  /* Badge Colors */
  --bg-badge-default: #ffffff;
  --bg-badge-inverted: #111115;
  --bg-badge-gray: #27272a0f;
  --bg-badge-white: #ffffff1a;
  --bg-badge-red: #ee6e6c1a;
  --bg-badge-orange: #f38f361a;
  --bg-badge-amber: #f5bd1e1a;
  --bg-badge-yellow: #f5ca0f1a;
  --bg-badge-lime: #abe4351a;
  --bg-badge-green: #66dc7e1a;
  --bg-badge-emerald: #56d1971a;
  --bg-badge-teal: #53d2be1a;
  --bg-badge-cyan: #4ad0ef1a;
  --bg-badge-sky: #4db9fa1a;
  --bg-badge-blue: #65a0fd1a;
  --bg-badge-indigo: #7e86fb1a;
  --bg-badge-violet: #a185fd1a;
  --bg-badge-purple: #b87efe1a;
  --bg-badge-fuchsia: #dd72fa1a;
  --bg-badge-pink: #ea6eb31a;
  --bg-badge-rose: #f16e811a;
  --border-badge-default: #27272a1a;

  /* Badge Text Colors */
  --text-badge-red: #b11e1b;
  --text-badge-orange: #a73b0c;
  --text-badge-lime: #557c18;
  --text-badge-green: #33803f;
  --text-badge-cyan: #297392;
  --text-badge-blue: #2147dd;
  --text-badge-violet: #6717de;
  --text-badge-fuchsia: #9a15b1;
  --text-badge-pink: #b61a5c;
  --text-badge-neutral: #4e4e55;

  /* Background Basic Colors — Light Mode (subtle / accent / strong / contrast per hue) */
  --bg-basic-gray-subtle: #f4f4f5;
  --bg-basic-gray-accent: #6f6f77;
  --bg-basic-gray-strong: #36363a;
  --bg-basic-gray-contrast: #18181b;
  --bg-basic-black-subtle: #e4e4e7;
  --bg-basic-black-accent: #18181b;
  --bg-basic-black-strong: #2c2c31;
  --bg-basic-black-contrast: #111115;
  --bg-basic-white-subtle: #f4f4f5;
  --bg-basic-white-accent: #ffffff;
  --bg-basic-white-strong: #fafafa;
  --bg-basic-white-contrast: #ffffff;
  --bg-basic-red-subtle: #fae3e3;
  --bg-basic-red-accent: #e74341;
  --bg-basic-red-strong: #b11e1b;
  --bg-basic-red-contrast: #77221f;
  --bg-basic-orange-subtle: #fceed7;
  --bg-basic-orange-accent: #f27313;
  --bg-basic-orange-strong: #a73b0c;
  --bg-basic-orange-contrast: #441c0d;
  --bg-basic-amber-subtle: #fdf4cb;
  --bg-basic-amber-accent: #f09e0f;
  --bg-basic-amber-strong: #ae540d;
  --bg-basic-amber-contrast: #723715;
  --bg-basic-yellow-subtle: #fef9c8;
  --bg-basic-yellow-accent: #e7b413;
  --bg-basic-yellow-strong: #9d630e;
  --bg-basic-yellow-contrast: #6c4118;
  --bg-basic-lime-subtle: #effccf;
  --bg-basic-lime-accent: #90cd22;
  --bg-basic-lime-strong: #557c18;
  --bg-basic-lime-contrast: #3c531b;
  --bg-basic-green-subtle: #e2fbe8;
  --bg-basic-green-accent: #4fc660;
  --bg-basic-green-strong: #33803f;
  --bg-basic-green-contrast: #265330;
  --bg-basic-emerald-wash: #f5fefb;
  --bg-basic-emerald-subtle: #d9f9e6;
  --bg-basic-emerald-accent: #44ba82;
  --bg-basic-emerald-strong: #2a7858;
  --bg-basic-emerald-contrast: #1e4e3c;
  --bg-basic-teal-subtle: #d5faf2;
  --bg-basic-teal-accent: #44b8a7;
  --bg-basic-teal-strong: #2d766f;
  --bg-basic-teal-contrast: #234e4a;
  --bg-basic-cyan-subtle: #d7f9fd;
  --bg-basic-cyan-accent: #3eb5d7;
  --bg-basic-cyan-strong: #297392;
  --bg-basic-cyan-contrast: #244d62;
  --bg-basic-sky-subtle: #e3f2fd;
  --bg-basic-sky-accent: #37a3ee;
  --bg-basic-sky-strong: #2067a4;
  --bg-basic-sky-contrast: #1d496e;
  --bg-basic-blue-wash: #f6f9ff;
  --bg-basic-blue-subtle: #deeafd;
  --bg-basic-blue-accent: #437dfc;
  --bg-basic-blue-strong: #2147dd;
  --bg-basic-blue-contrast: #223889;
  --bg-basic-indigo-subtle: #e1e7fd;
  --bg-basic-indigo-accent: #6060f8;
  --bg-basic-indigo-strong: #3f2fcf;
  --bg-basic-indigo-contrast: #302c81;
  --bg-basic-violet-subtle: #ece9fd;
  --bg-basic-violet-accent: #8655fd;
  --bg-basic-violet-strong: #6717de;
  --bg-basic-violet-contrast: #471b94;
  --bg-basic-purple-wash: #f7f5ff;
  --bg-basic-purple-subtle: #f1e8fd;
  --bg-basic-purple-accent: #a14efd;
  --bg-basic-purple-strong: #7712d2;
  --bg-basic-purple-contrast: #521b86;
  --bg-basic-fuchsia-subtle: #f7e9fe;
  --bg-basic-fuchsia-accent: #cf3ff3;
  --bg-basic-fuchsia-strong: #9a15b1;
  --bg-basic-fuchsia-contrast: #691d74;
  --bg-basic-pink-subtle: #f9e8f3;
  --bg-basic-pink-accent: #e34798;
  --bg-basic-pink-strong: #b61a5c;
  --bg-basic-pink-contrast: #7b1e43;
  --bg-basic-rose-subtle: #fbe5e6;
  --bg-basic-rose-accent: #eb3e5b;
  --bg-basic-rose-strong: #d91a45;
  --bg-basic-rose-contrast: #7f1d3a;
  /* Alpha (transparent) ramps */
  --bg-basic-gray-alpha-2: #27272a05;
  --bg-basic-gray-alpha-4: #27272a0a;
  --bg-basic-gray-alpha-10: #27272a1a;
  --bg-basic-gray-alpha-15: #27272a26;
  --bg-basic-black-alpha-2: #18181b05;
  --bg-basic-black-alpha-4: #18181b0a;
  --bg-basic-black-alpha-10: #18181b1a;
  --bg-basic-black-alpha-15: #18181b26;
  --bg-basic-white-alpha-2: #ffffff33;
  --bg-basic-white-alpha-4: #ffffff66;
  --bg-basic-white-alpha-10: #ffffff99;
  --bg-basic-white-alpha-15: #ffffffcc;
  --bg-basic-red-alpha-2: #e7434105;
  --bg-basic-red-alpha-4: #e743410a;
  --bg-basic-red-alpha-10: #e743411a;
  --bg-basic-red-alpha-15: #e7434126;
  --bg-basic-orange-alpha-2: #f2731305;
  --bg-basic-orange-alpha-4: #f273130a;
  --bg-basic-orange-alpha-10: #f273131a;
  --bg-basic-orange-alpha-15: #f2731326;
  --bg-basic-amber-alpha-2: #f09e0f05;
  --bg-basic-amber-alpha-4: #f09e0f0a;
  --bg-basic-amber-alpha-10: #f09e0f1a;
  --bg-basic-amber-alpha-15: #f09e0f26;
  --bg-basic-yellow-alpha-2: #e7b41305;
  --bg-basic-yellow-alpha-4: #e7b4130a;
  --bg-basic-yellow-alpha-10: #e7b4131a;
  --bg-basic-yellow-alpha-15: #e7b41326;
  --bg-basic-lime-alpha-2: #90cd2205;
  --bg-basic-lime-alpha-4: #90cd220a;
  --bg-basic-lime-alpha-10: #90cd221a;
  --bg-basic-lime-alpha-15: #90cd2226;
  --bg-basic-green-alpha-2: #4fc66005;
  --bg-basic-green-alpha-4: #4fc6600a;
  --bg-basic-green-alpha-10: #4fc6601a;
  --bg-basic-green-alpha-15: #4fc66026;
  --bg-basic-emerald-alpha-2: #44ba8205;
  --bg-basic-emerald-alpha-4: #44ba820a;
  --bg-basic-emerald-alpha-10: #44ba821a;
  --bg-basic-emerald-alpha-15: #44ba8226;
  --bg-basic-teal-alpha-2: #44b8a705;
  --bg-basic-teal-alpha-4: #44b8a70a;
  --bg-basic-teal-alpha-10: #44b8a71a;
  --bg-basic-teal-alpha-15: #44b8a726;
  --bg-basic-cyan-alpha-2: #3eb5d705;
  --bg-basic-cyan-alpha-4: #3eb5d70a;
  --bg-basic-cyan-alpha-10: #3eb5d71a;
  --bg-basic-cyan-alpha-15: #3eb5d726;
  --bg-basic-sky-alpha-2: #37a3ee05;
  --bg-basic-sky-alpha-4: #37a3ee0a;
  --bg-basic-sky-alpha-10: #37a3ee1a;
  --bg-basic-sky-alpha-15: #37a3ee26;
  --bg-basic-blue-alpha-2: #437dfc05;
  --bg-basic-blue-alpha-4: #437dfc0a;
  --bg-basic-blue-alpha-10: #437dfc1a;
  --bg-basic-blue-alpha-15: #437dfc26;
  --bg-basic-indigo-alpha-2: #6060f805;
  --bg-basic-indigo-alpha-4: #6060f80a;
  --bg-basic-indigo-alpha-10: #6060f81a;
  --bg-basic-indigo-alpha-15: #6060f826;
  --bg-basic-violet-alpha-2: #8655fd05;
  --bg-basic-violet-alpha-4: #8655fd0a;
  --bg-basic-violet-alpha-10: #8655fd1a;
  --bg-basic-violet-alpha-15: #8655fd26;
  --bg-basic-purple-alpha-2: #a14efd05;
  --bg-basic-purple-alpha-4: #a14efd0a;
  --bg-basic-purple-alpha-10: #a14efd1a;
  --bg-basic-purple-alpha-15: #a14efd26;
  --bg-basic-fuchsia-alpha-2: #cf3ff305;
  --bg-basic-fuchsia-alpha-4: #cf3ff30a;
  --bg-basic-fuchsia-alpha-10: #cf3ff31a;
  --bg-basic-fuchsia-alpha-15: #cf3ff326;
  --bg-basic-pink-alpha-2: #e3479805;
  --bg-basic-pink-alpha-4: #e347980a;
  --bg-basic-pink-alpha-10: #e347981a;
  --bg-basic-pink-alpha-15: #e3479826;
  --bg-basic-rose-alpha-2: #eb3e5b05;
  --bg-basic-rose-alpha-4: #eb3e5b0a;
  --bg-basic-rose-alpha-10: #eb3e5b1a;
  --bg-basic-rose-alpha-15: #eb3e5b26;
}

/* ============================================
   Theme-A Dark
   ============================================ */
[data-theme="dark"],
.dark {
  --text-default: #ffffff;
  --text-subtle: #ffffffb2;
  --text-muted: #ffffff80;
  --text-hint: #ffffff4d;
  --text-inverted-default: #111115;
  --text-inverted-subtle: #4e4e55;
  --text-inverted-muted: #6f6f77;
  --text-inverted-hint: #27272a59;
  --text-white-default: #ffffff;
  --text-white-subtle: #ffffffb3;
  --text-white-muted: #ffffff80;
  --text-white-hint: #ffffff4d;
  --text-dark-default: #111115;
  --text-dark-subtle: #4e4e55;
  --text-dark-muted: #6f6f77;
  --text-dark-hint: #27272a59;
  --text-destructive: #ed6664;
  --text-success: #66dc7e;
  --text-warning: #f38f36;
  --text-informative: #65a0fd;

  --bg-default: #18181b;
  --bg-subtle: #111115;
  --bg-muted: #09090b;
  --bg-inverted: #ffffff;
  --bg-card: #222225;
  --bg-card-subtle: #36363a;
  --bg-card-inverted: #ffffff;
  --bg-sidebar: #18181b;
  --bg-sidebar-subtle: #18181b;
  --bg-input: #ffffff0f;
  --bg-input-soft: #ffffff14;
  --bg-input-disabled: #ffffff26;
  --bg-overlay: #09090ba6;

  --bg-state-primary: #2b5df3;
  --bg-state-primary-hover: #437dfc;
  --bg-state-primary-press: #2b5df3;
  --bg-state-primary-loading: #9ac4fe;
  --bg-state-secondary: #ffffff0a;
  --bg-state-secondary-hover: #ffffff14;
  --bg-state-secondary-press: #ffffff1a;
  --bg-state-secondary-loading: #ffffff0a;
  --bg-state-soft: #ffffff14;
  --bg-state-soft-hover: #ffffff1a;
  --bg-state-soft-press: #ffffff26;
  --bg-state-soft-loading: #ffffff14;
  --bg-state-ghost: #ffffff00;
  --bg-state-ghost-hover: #ffffff14;
  --bg-state-ghost-press: #ffffff26;
  --bg-state-ghost-loading: #ffffff14;
  --bg-state-ghost-inverted: #27272a00;
  --bg-state-ghost-hover-inverted: #27272a0a;
  --bg-state-ghost-press-inverted: #27272a14;
  --bg-state-ghost-loading-inverted: #27272a0a;
  --bg-state-destructive: #e74341;
  --bg-state-destructive-hover: #ed6664;
  --bg-state-destructive-press: #e74341;
  --bg-state-destructive-loading: #f4a6a5;
  --bg-state-destructive-soft: #e7434126;
  --bg-state-brand: #437dfc;
  --bg-state-brand-hover: #65a0fd;
  --bg-state-brand-press: #437dfc;
  --bg-state-brand-loading: #9ac4fe;
  --bg-state-gray: #ffffff;
  --bg-state-disabled: #ffffff14;

  --icon-default: #ffffff;
  --icon-default-subtle: #ffffffb2;
  --icon-default-muted: #ffffff80;
  --icon-default-disabled: #ffffff40;
  --icon-inverted-default: #111115;
  --icon-inverted-subtle: #4e4e55;
  --icon-inverted-muted: #a1a1a9;
  --icon-inverted-disabled: #27272a59;
  --icon-white-default: #ffffff;
  --icon-white-subtle: #ffffffb2;
  --icon-white-muted: #ffffff80;
  --icon-white-disabled: #ffffff66;
  --icon-black-default: #111115;
  --icon-black-subtle: #4e4e55;
  --icon-black-muted: #6f6f77;
  --icon-black-disabled: #27272a59;
  --icon-destructive: #f4a6a5;
  --icon-informative: #9ac4fe;
  --icon-success: #99efae;
  --icon-warning: #f7bb77;

  --border-default: #ffffff1a;
  --border-darker: #ffffff26;
  --border-strong: #ffffff40;
  --border-inverted: #27272a1a;
  --border-accent: #ffffff;
  --border-accent-inverted: #111115;
  --border-destructive: #ed6664;
  --border-informative: #65a0fd;
  --border-success: #66dc7e;
  --border-warning: #f38f36;
  --border-highlight: #65a0fd66;
  --border-highlight-destructive: #ee6e6c66;
  --border-highlight-accent: #437dfc;
  --border-input-highlight: #ffffff73;
  --border-white: #ffffff33;
  --border-red: #ee6e6c33;
  --border-orange: #f38f3633;
  --border-amber: #f5bd1e33;
  --border-yellow: #f5ca0f33;
  --border-lime: #abe43533;
  --border-green: #66dc7e33;
  --border-emerald: #56d19733;
  --border-teal: #53d2be33;
  --border-cyan: #4ad0ef33;
  --border-sky: #4db9fa33;
  --border-blue: #65a0fd33;
  --border-indigo: #7e86fb33;
  --border-violet: #a185fd33;
  --border-purple: #b87efe33;
  --border-fuchsia: #dd72fa33;
  --border-pink: #ea6eb333;
  --border-rose: #f16e8133;

  --bg-checkbox-default: #ffffff0f;
  --bg-checkbox-active: #437dfc;
  --bg-checkbox-active-hover: #65a0fd;
  --bg-checkbox-disabled: #ffffff0f;

  --bg-switch-default: #4e4e55;
  --bg-switch-default-hover: #6f6f77;
  --bg-switch-disabled: #dadadd;
  --bg-switch-default-2: #ffffff;
  --bg-switch-active: #4fc660;
  --bg-switch-active-hover: #66dc7e;
  --bg-switch-active-disabled: #c6f6d2;
  --bg-switch-handle: #ffffff;
  --bg-switch-handle-disabled: #fafafa;

  --bg-badge-default: #ffffff1a;
  --bg-badge-inverted: #ffffff;
  --bg-badge-gray: #ffffff1a;
  --bg-badge-white: #ffffff1a;
  --bg-badge-red: #ee6e6c1a;
  --bg-badge-orange: #f38f361a;
  --bg-badge-amber: #f5bd1e1a;
  --bg-badge-yellow: #f5ca0f1a;
  --bg-badge-lime: #abe4351a;
  --bg-badge-green: #66dc7e1a;
  --bg-badge-emerald: #56d1971a;
  --bg-badge-teal: #53d2be1a;
  --bg-badge-cyan: #4ad0ef1a;
  --bg-badge-sky: #4db9fa1a;
  --bg-badge-blue: #65a0fd1a;
  --bg-badge-indigo: #7e86fb1a;
  --bg-badge-violet: #a185fd1a;
  --bg-badge-purple: #b87efe1a;
  --bg-badge-fuchsia: #dd72fa1a;
  --bg-badge-pink: #ea6eb31a;
  --bg-badge-rose: #f16e811a;
  --border-badge-default: #ffffff1a;

  --text-badge-red: #ed6664;
  --text-badge-orange: #f38f36;
  --text-badge-lime: #abe435;
  --text-badge-green: #66dc7e;
  --text-badge-cyan: #4ad0ef;
  --text-badge-blue: #65a0fd;
  --text-badge-violet: #a185fd;
  --text-badge-fuchsia: #dd72fa;
  --text-badge-pink: #ea6eb3;
  --text-badge-neutral: #ffffffb2;

  --bg-basic-gray-subtle: #18181b;
  --bg-basic-gray-accent: #6f6f77;
  --bg-basic-gray-strong: #a1a1a9;
  --bg-basic-gray-contrast: #f4f4f5;
  --bg-basic-black-subtle: #e4e4e7;
  --bg-basic-black-accent: #18181b;
  --bg-basic-black-strong: #2c2c31;
  --bg-basic-black-contrast: #111115;
  --bg-basic-white-subtle: #f4f4f5;
  --bg-basic-white-accent: #ffffff;
  --bg-basic-white-strong: #fafafa;
  --bg-basic-white-contrast: #ffffff;
  --bg-basic-red-subtle: #77221f;
  --bg-basic-red-accent: #e74341;
  --bg-basic-red-strong: #ed6664;
  --bg-basic-red-contrast: #fae3e3;
  --bg-basic-orange-subtle: #441c0d;
  --bg-basic-orange-accent: #f27313;
  --bg-basic-orange-strong: #f38f36;
  --bg-basic-orange-contrast: #fceed7;
  --bg-basic-amber-subtle: #723715;
  --bg-basic-amber-accent: #f09e0f;
  --bg-basic-amber-strong: #f5bd1e;
  --bg-basic-amber-contrast: #fdf4cb;
  --bg-basic-yellow-subtle: #6c4118;
  --bg-basic-yellow-accent: #e7b413;
  --bg-basic-yellow-strong: #f5ca0f;
  --bg-basic-yellow-contrast: #fef9c8;
  --bg-basic-lime-subtle: #3c531b;
  --bg-basic-lime-accent: #90cd22;
  --bg-basic-lime-strong: #abe435;
  --bg-basic-lime-contrast: #effccf;
  --bg-basic-green-subtle: #265330;
  --bg-basic-green-accent: #4fc660;
  --bg-basic-green-strong: #66dc7e;
  --bg-basic-green-contrast: #e2fbe8;
  --bg-basic-emerald-wash: #122e24;
  --bg-basic-emerald-subtle: #1e4e3c;
  --bg-basic-emerald-accent: #44ba82;
  --bg-basic-emerald-strong: #56d197;
  --bg-basic-emerald-contrast: #d9f9e6;
  --bg-basic-teal-subtle: #234e4a;
  --bg-basic-teal-accent: #44b8a7;
  --bg-basic-teal-strong: #53d2be;
  --bg-basic-teal-contrast: #d5faf2;
  --bg-basic-cyan-subtle: #244d62;
  --bg-basic-cyan-accent: #3eb5d7;
  --bg-basic-cyan-strong: #4ad0ef;
  --bg-basic-cyan-contrast: #d7f9fd;
  --bg-basic-sky-subtle: #1d496e;
  --bg-basic-sky-accent: #37a3ee;
  --bg-basic-sky-strong: #4db9fa;
  --bg-basic-sky-contrast: #e3f2fd;
  --bg-basic-blue-wash: #141e3c;
  --bg-basic-blue-subtle: #223889;
  --bg-basic-blue-accent: #437dfc;
  --bg-basic-blue-strong: #65a0fd;
  --bg-basic-blue-contrast: #deeafd;
  --bg-basic-indigo-subtle: #302c81;
  --bg-basic-indigo-accent: #6060f8;
  --bg-basic-indigo-strong: #7e86fb;
  --bg-basic-indigo-contrast: #e1e7fd;
  --bg-basic-violet-subtle: #471b94;
  --bg-basic-violet-accent: #8655fd;
  --bg-basic-violet-strong: #a185fd;
  --bg-basic-violet-contrast: #ece9fd;
  --bg-basic-purple-wash: #22123a;
  --bg-basic-purple-subtle: #521b86;
  --bg-basic-purple-accent: #a14efd;
  --bg-basic-purple-strong: #b87efe;
  --bg-basic-purple-contrast: #f1e8fd;
  --bg-basic-fuchsia-subtle: #691d74;
  --bg-basic-fuchsia-accent: #cf3ff3;
  --bg-basic-fuchsia-strong: #dd72fa;
  --bg-basic-fuchsia-contrast: #f7e9fe;
  --bg-basic-pink-subtle: #7b1e43;
  --bg-basic-pink-accent: #e34798;
  --bg-basic-pink-strong: #ea6eb3;
  --bg-basic-pink-contrast: #f9e8f3;
  --bg-basic-rose-subtle: #7f1d3a;
  --bg-basic-rose-accent: #eb3e5b;
  --bg-basic-rose-strong: #f16e81;
  --bg-basic-rose-contrast: #fbe5e6;
  --bg-basic-gray-alpha-2: #ffffff0a;
  --bg-basic-gray-alpha-4: #ffffff14;
  --bg-basic-gray-alpha-10: #ffffff26;
  --bg-basic-gray-alpha-15: #ffffff33;
  --bg-basic-black-alpha-2: #18181b05;
  --bg-basic-black-alpha-4: #18181b0a;
  --bg-basic-black-alpha-10: #18181b1a;
  --bg-basic-black-alpha-15: #18181b26;
  --bg-basic-white-alpha-2: #ffffff33;
  --bg-basic-white-alpha-4: #ffffff66;
  --bg-basic-white-alpha-10: #ffffff99;
  --bg-basic-white-alpha-15: #ffffffcc;
  --bg-basic-red-alpha-2: #e7434105;
  --bg-basic-red-alpha-4: #e743410a;
  --bg-basic-red-alpha-10: #e743411a;
  --bg-basic-red-alpha-15: #e7434126;
  --bg-basic-orange-alpha-2: #f2731305;
  --bg-basic-orange-alpha-4: #f273130a;
  --bg-basic-orange-alpha-10: #f273131a;
  --bg-basic-orange-alpha-15: #f2731326;
  --bg-basic-amber-alpha-2: #f09e0f05;
  --bg-basic-amber-alpha-4: #f09e0f0a;
  --bg-basic-amber-alpha-10: #f09e0f1a;
  --bg-basic-amber-alpha-15: #f09e0f26;
  --bg-basic-yellow-alpha-2: #e7b41305;
  --bg-basic-yellow-alpha-4: #e7b4130a;
  --bg-basic-yellow-alpha-10: #e7b4131a;
  --bg-basic-yellow-alpha-15: #e7b41326;
  --bg-basic-lime-alpha-2: #90cd2205;
  --bg-basic-lime-alpha-4: #90cd220a;
  --bg-basic-lime-alpha-10: #90cd221a;
  --bg-basic-lime-alpha-15: #90cd2226;
  --bg-basic-green-alpha-2: #4fc66005;
  --bg-basic-green-alpha-4: #4fc6600a;
  --bg-basic-green-alpha-10: #4fc6601a;
  --bg-basic-green-alpha-15: #4fc66026;
  --bg-basic-emerald-alpha-2: #44ba8205;
  --bg-basic-emerald-alpha-4: #44ba820a;
  --bg-basic-emerald-alpha-10: #44ba821a;
  --bg-basic-emerald-alpha-15: #44ba8226;
  --bg-basic-teal-alpha-2: #44b8a705;
  --bg-basic-teal-alpha-4: #44b8a70a;
  --bg-basic-teal-alpha-10: #44b8a71a;
  --bg-basic-teal-alpha-15: #44b8a726;
  --bg-basic-cyan-alpha-2: #3eb5d705;
  --bg-basic-cyan-alpha-4: #3eb5d70a;
  --bg-basic-cyan-alpha-10: #3eb5d71a;
  --bg-basic-cyan-alpha-15: #3eb5d726;
  --bg-basic-sky-alpha-2: #37a3ee05;
  --bg-basic-sky-alpha-4: #37a3ee0a;
  --bg-basic-sky-alpha-10: #37a3ee1a;
  --bg-basic-sky-alpha-15: #37a3ee26;
  --bg-basic-blue-alpha-2: #437dfc05;
  --bg-basic-blue-alpha-4: #437dfc0a;
  --bg-basic-blue-alpha-10: #437dfc1a;
  --bg-basic-blue-alpha-15: #437dfc26;
  --bg-basic-indigo-alpha-2: #6060f805;
  --bg-basic-indigo-alpha-4: #6060f80a;
  --bg-basic-indigo-alpha-10: #6060f81a;
  --bg-basic-indigo-alpha-15: #6060f826;
  --bg-basic-violet-alpha-2: #8655fd05;
  --bg-basic-violet-alpha-4: #8655fd0a;
  --bg-basic-violet-alpha-10: #8655fd1a;
  --bg-basic-violet-alpha-15: #8655fd26;
  --bg-basic-purple-alpha-2: #a14efd05;
  --bg-basic-purple-alpha-4: #a14efd0a;
  --bg-basic-purple-alpha-10: #a14efd1a;
  --bg-basic-purple-alpha-15: #a14efd26;
  --bg-basic-fuchsia-alpha-2: #cf3ff305;
  --bg-basic-fuchsia-alpha-4: #cf3ff30a;
  --bg-basic-fuchsia-alpha-10: #cf3ff31a;
  --bg-basic-fuchsia-alpha-15: #cf3ff326;
  --bg-basic-pink-alpha-2: #e3479805;
  --bg-basic-pink-alpha-4: #e347980a;
  --bg-basic-pink-alpha-10: #e347981a;
  --bg-basic-pink-alpha-15: #e3479826;
  --bg-basic-rose-alpha-2: #eb3e5b05;
  --bg-basic-rose-alpha-4: #eb3e5b0a;
  --bg-basic-rose-alpha-10: #eb3e5b1a;
  --bg-basic-rose-alpha-15: #eb3e5b26;
}

/* ============================================
   Theme-B Light — warm/orange brand
   ============================================ */
[data-theme="theme-b-light"],
.theme-b-light {
  --text-default: #24211e;
  --text-subtle: #6f6f77;
  --text-muted: #79716b;
  --text-hint: #2121214d;
  --text-inverted-default: #ffffff;
  --text-inverted-subtle: #ffffffb3;
  --text-inverted-muted: #ffffff80;
  --text-inverted-hint: #ffffff4d;
  --text-white-default: #ffffff;
  --text-white-subtle: #ffffffb3;
  --text-white-muted: #ffffff80;
  --text-white-hint: #ffffff4d;
  --text-dark-default: #24211e;
  --text-dark-subtle: #57534d;
  --text-dark-muted: #79716b;
  --text-dark-hint: #27272a59;
  --text-destructive: #d91a45;
  --text-success: #35966a;
  --text-warning: #c68b0b;
  --text-informative: #e35706;

  --bg-default: #ffffff;
  --bg-subtle: #fafaf9;
  --bg-muted: #f5f5f4;
  --bg-inverted: #24211e;
  --bg-card: #ffffff;
  --bg-card-subtle: #fafaf9;
  --bg-card-inverted: #312c2b;
  --bg-sidebar: #ffffff;
  --bg-sidebar-subtle: #fef8ee;
  --bg-input: #ffffff;
  --bg-input-soft: #27272a0f;
  --bg-input-disabled: #27272a0f;
  --bg-overlay: #27272a0f;

  --bg-state-primary: #f27313;
  --bg-state-primary-hover: #f38f36;
  --bg-state-primary-press: #f27313;
  --bg-state-primary-loading: #f7bb77;
  --bg-state-secondary: #ffffff;
  --bg-state-secondary-hover: #fafaf9;
  --bg-state-secondary-press: #f5f5f4;
  --bg-state-secondary-loading: #ffffff;
  --bg-state-soft: #27272a0f;
  --bg-state-soft-hover: #27272a14;
  --bg-state-soft-press: #27272a1a;
  --bg-state-soft-loading: #27272a0f;
  --bg-state-ghost: #27272a00;
  --bg-state-ghost-hover: #27272a0f;
  --bg-state-ghost-press: #27272a14;
  --bg-state-ghost-loading: #27272a0f;
  --bg-state-ghost-inverted: #ffffff00;
  --bg-state-ghost-hover-inverted: #ffffff14;
  --bg-state-ghost-press-inverted: #ffffff26;
  --bg-state-ghost-loading-inverted: #ffffff14;
  --bg-state-destructive: #eb3e5b;
  --bg-state-destructive-hover: #f16e81;
  --bg-state-destructive-press: #eb3e5b;
  --bg-state-destructive-loading: #f49fa9;
  --bg-state-destructive-soft: #eb3e5b1a;
  --bg-state-brand: #f27313;
  --bg-state-brand-hover: #f38f36;
  --bg-state-brand-press: #f27313;
  --bg-state-brand-loading: #f7bb77;
  --bg-state-gray: #24211e;
  --bg-state-disabled: #27272a14;

  --icon-default: #24211e;
  --icon-default-subtle: #57534d;
  --icon-default-muted: #79716b;
  --icon-default-disabled: #27272a40;
  --icon-inverted-default: #ffffff;
  --icon-inverted-subtle: #ffffffa6;
  --icon-inverted-muted: #ffffff80;
  --icon-inverted-disabled: #ffffff59;
  --icon-white-default: #ffffff;
  --icon-white-subtle: #ffffffa6;
  --icon-white-muted: #ffffff80;
  --icon-white-disabled: #ffffff59;
  --icon-black-default: #24211e;
  --icon-black-subtle: #57534d;
  --icon-black-muted: #79716b;
  --icon-black-disabled: #27272a59;
  --icon-destructive: #eb3e5b;
  --icon-informative: #f27313;
  --icon-success: #44b8a7;
  --icon-warning: #e7b413;

  --border-default: #27272a1a;
  --border-darker: #27272a26;
  --border-strong: #27272a40;
  --border-inverted: #ffffff33;
  --border-accent: #24211e;
  --border-accent-inverted: #ffffff;
  --border-destructive: #eb3e5b;
  --border-informative: #3eb5d7;
  --border-success: #44b8a7;
  --border-warning: #e7b413;
  --border-highlight: #f38f3666;
  --border-highlight-destructive: #f16e8166;
  --border-highlight-accent: #f27313;
  --border-input-highlight: #f38f3666;
  --border-white: #ffffff33;
  --border-red: #ee6e6c33;
  --border-orange: #f38f3633;
  --border-amber: #f5bd1e33;
  --border-yellow: #f5ca0f33;
  --border-lime: #abe43533;
  --border-green: #66dc7e33;
  --border-emerald: #56d19733;
  --border-teal: #53d2be33;
  --border-cyan: #4ad0ef33;
  --border-sky: #4db9fa33;
  --border-blue: #65a0fd33;
  --border-indigo: #7e86fb33;
  --border-violet: #a185fd33;
  --border-purple: #b87efe33;
  --border-fuchsia: #dd72fa33;
  --border-pink: #ea6eb333;
  --border-rose: #f16e8133;

  --bg-checkbox-default: #ffffff;
  --bg-checkbox-active: #f27313;
  --bg-checkbox-active-hover: #f38f36;
  --bg-checkbox-disabled: #27272a0f;

  --bg-switch-default: #e7e5e4;
  --bg-switch-default-hover: #d6d3d1;
  --bg-switch-disabled: #f5f5f4;
  --bg-switch-default-2: #24211e;
  --bg-switch-active: #44b8a7;
  --bg-switch-active-hover: #359489;
  --bg-switch-active-disabled: #adf4e5;
  --bg-switch-handle: #ffffff;
  --bg-switch-handle-disabled: #fafaf9;

  --bg-badge-default: #ffffff;
  --bg-badge-inverted: #24211e;
  --bg-badge-gray: #27272a0f;
  --bg-badge-white: #ffffff1a;
  --bg-badge-red: #ee6e6c1a;
  --bg-badge-orange: #f38f361a;
  --bg-badge-amber: #f5bd1e1a;
  --bg-badge-yellow: #f5ca0f1a;
  --bg-badge-lime: #abe4351a;
  --bg-badge-green: #66dc7e1a;
  --bg-badge-emerald: #56d1971a;
  --bg-badge-teal: #53d2be1a;
  --bg-badge-cyan: #4ad0ef1a;
  --bg-badge-sky: #4db9fa1a;
  --bg-badge-blue: #65a0fd1a;
  --bg-badge-indigo: #7e86fb1a;
  --bg-badge-violet: #a185fd1a;
  --bg-badge-purple: #b87efe1a;
  --bg-badge-fuchsia: #dd72fa1a;
  --bg-badge-pink: #ea6eb31a;
  --bg-badge-rose: #f16e811a;
  --border-badge-default: #27272a1a;

  --text-badge-red: #b11e1b;
  --text-badge-orange: #a73b0c;
  --text-badge-lime: #557c18;
  --text-badge-green: #33803f;
  --text-badge-cyan: #297392;
  --text-badge-blue: #2147dd;
  --text-badge-violet: #6717de;
  --text-badge-fuchsia: #9a15b1;
  --text-badge-pink: #b61a5c;
  --text-badge-neutral: #6f6f77;

  --bg-basic-gray-subtle: #f4f4f5;
  --bg-basic-gray-accent: #6f6f77;
  --bg-basic-gray-strong: #36363a;
  --bg-basic-gray-contrast: #18181b;
  --bg-basic-black-subtle: #e4e4e7;
  --bg-basic-black-accent: #18181b;
  --bg-basic-black-strong: #2c2c31;
  --bg-basic-black-contrast: #111115;
  --bg-basic-white-subtle: #f4f4f5;
  --bg-basic-white-accent: #ffffff;
  --bg-basic-white-strong: #fafafa;
  --bg-basic-white-contrast: #ffffff;
  --bg-basic-red-subtle: #fae3e3;
  --bg-basic-red-accent: #e74341;
  --bg-basic-red-strong: #b11e1b;
  --bg-basic-red-contrast: #77221f;
  --bg-basic-orange-subtle: #fceed7;
  --bg-basic-orange-accent: #f27313;
  --bg-basic-orange-strong: #a73b0c;
  --bg-basic-orange-contrast: #441c0d;
  --bg-basic-amber-subtle: #fdf4cb;
  --bg-basic-amber-accent: #f09e0f;
  --bg-basic-amber-strong: #ae540d;
  --bg-basic-amber-contrast: #723715;
  --bg-basic-yellow-subtle: #fef9c8;
  --bg-basic-yellow-accent: #e7b413;
  --bg-basic-yellow-strong: #9d630e;
  --bg-basic-yellow-contrast: #6c4118;
  --bg-basic-lime-subtle: #effccf;
  --bg-basic-lime-accent: #90cd22;
  --bg-basic-lime-strong: #557c18;
  --bg-basic-lime-contrast: #3c531b;
  --bg-basic-green-subtle: #e2fbe8;
  --bg-basic-green-accent: #4fc660;
  --bg-basic-green-strong: #33803f;
  --bg-basic-green-contrast: #265330;
  --bg-basic-emerald-wash: #f5fefb;
  --bg-basic-emerald-subtle: #d9f9e6;
  --bg-basic-emerald-accent: #44ba82;
  --bg-basic-emerald-strong: #2a7858;
  --bg-basic-emerald-contrast: #1e4e3c;
  --bg-basic-teal-subtle: #d5faf2;
  --bg-basic-teal-accent: #44b8a7;
  --bg-basic-teal-strong: #2d766f;
  --bg-basic-teal-contrast: #234e4a;
  --bg-basic-cyan-subtle: #d7f9fd;
  --bg-basic-cyan-accent: #3eb5d7;
  --bg-basic-cyan-strong: #297392;
  --bg-basic-cyan-contrast: #244d62;
  --bg-basic-sky-subtle: #e3f2fd;
  --bg-basic-sky-accent: #37a3ee;
  --bg-basic-sky-strong: #2067a4;
  --bg-basic-sky-contrast: #1d496e;
  --bg-basic-blue-wash: #f6f9ff;
  --bg-basic-blue-subtle: #deeafd;
  --bg-basic-blue-accent: #437dfc;
  --bg-basic-blue-strong: #2147dd;
  --bg-basic-blue-contrast: #223889;
  --bg-basic-indigo-subtle: #e1e7fd;
  --bg-basic-indigo-accent: #6060f8;
  --bg-basic-indigo-strong: #3f2fcf;
  --bg-basic-indigo-contrast: #302c81;
  --bg-basic-violet-subtle: #ece9fd;
  --bg-basic-violet-accent: #8655fd;
  --bg-basic-violet-strong: #6717de;
  --bg-basic-violet-contrast: #471b94;
  --bg-basic-purple-wash: #f7f5ff;
  --bg-basic-purple-subtle: #f1e8fd;
  --bg-basic-purple-accent: #a14efd;
  --bg-basic-purple-strong: #7712d2;
  --bg-basic-purple-contrast: #521b86;
  --bg-basic-fuchsia-subtle: #f7e9fe;
  --bg-basic-fuchsia-accent: #cf3ff3;
  --bg-basic-fuchsia-strong: #9a15b1;
  --bg-basic-fuchsia-contrast: #691d74;
  --bg-basic-pink-subtle: #f9e8f3;
  --bg-basic-pink-accent: #e34798;
  --bg-basic-pink-strong: #b61a5c;
  --bg-basic-pink-contrast: #7b1e43;
  --bg-basic-rose-subtle: #fbe5e6;
  --bg-basic-rose-accent: #eb3e5b;
  --bg-basic-rose-strong: #d91a45;
  --bg-basic-rose-contrast: #7f1d3a;
  --bg-basic-gray-alpha-2: #27272a05;
  --bg-basic-gray-alpha-4: #27272a0a;
  --bg-basic-gray-alpha-10: #27272a1a;
  --bg-basic-gray-alpha-15: #27272a26;
  --bg-basic-black-alpha-2: #18181b05;
  --bg-basic-black-alpha-4: #18181b0a;
  --bg-basic-black-alpha-10: #18181b1a;
  --bg-basic-black-alpha-15: #18181b26;
  --bg-basic-white-alpha-2: #ffffff33;
  --bg-basic-white-alpha-4: #ffffff66;
  --bg-basic-white-alpha-10: #ffffff99;
  --bg-basic-white-alpha-15: #ffffffcc;
  --bg-basic-red-alpha-10: #e743411a;
  --bg-basic-orange-alpha-10: #f273131a;
  --bg-basic-amber-alpha-10: #f09e0f1a;
  --bg-basic-green-alpha-10: #4fc6601a;
  --bg-basic-blue-alpha-10: #437dfc1a;
  --bg-basic-blue-alpha-15: #437dfc26;
}

/* ============================================
   Theme-B Dark — deep warm brand
   ============================================ */
[data-theme="theme-b-dark"],
.theme-b-dark {
  --text-default: #ffffff;
  --text-subtle: #ffffffb2;
  --text-muted: #ffffff80;
  --text-hint: #ffffff4d;
  --text-inverted-default: #24211e;
  --text-inverted-subtle: #57534d;
  --text-inverted-muted: #79716b;
  --text-inverted-hint: #27272a59;
  --text-white-default: #ffffff;
  --text-white-subtle: #ffffffb3;
  --text-white-muted: #ffffff80;
  --text-white-hint: #ffffff4d;
  --text-dark-default: #24211e;
  --text-dark-subtle: #57534d;
  --text-dark-muted: #79716b;
  --text-dark-hint: #27272a59;
  --text-destructive: #f16e81;
  --text-success: #56d197;
  --text-warning: #f5ca0f;
  --text-informative: #f38f36;

  --bg-default: #301108;
  --bg-subtle: #14110f;
  --bg-muted: #0c0a09;
  --bg-inverted: #ffffff;
  --bg-card: #301108;
  --bg-card-subtle: #301108;
  --bg-card-inverted: #ffffff;
  --bg-sidebar: #301108;
  --bg-sidebar-subtle: #441c0d;
  --bg-input: #ffffff0f;
  --bg-input-soft: #ffffff14;
  --bg-input-disabled: #ffffff26;
  --bg-overlay: #09090ba6;

  --bg-state-primary: #e35706;
  --bg-state-primary-hover: #f27313;
  --bg-state-primary-press: #e35706;
  --bg-state-primary-loading: #f7bb77;
  --bg-state-secondary: #ffffff0a;
  --bg-state-secondary-hover: #ffffff14;
  --bg-state-secondary-press: #ffffff1a;
  --bg-state-secondary-loading: #ffffff0a;
  --bg-state-soft: #ffffff14;
  --bg-state-soft-hover: #ffffff1a;
  --bg-state-soft-press: #ffffff26;
  --bg-state-soft-loading: #ffffff14;
  --bg-state-ghost: #ffffff00;
  --bg-state-ghost-hover: #ffffff14;
  --bg-state-ghost-press: #ffffff26;
  --bg-state-ghost-loading: #ffffff14;
  --bg-state-ghost-inverted: #27272a00;
  --bg-state-ghost-hover-inverted: #27272a0a;
  --bg-state-ghost-press-inverted: #27272a14;
  --bg-state-ghost-loading-inverted: #27272a0a;
  --bg-state-destructive: #eb3e5b;
  --bg-state-destructive-hover: #f16e81;
  --bg-state-destructive-press: #eb3e5b;
  --bg-state-destructive-loading: #f49fa9;
  --bg-state-destructive-soft: #eb3e5b26;
  --bg-state-brand: #e35706;
  --bg-state-brand-hover: #f27313;
  --bg-state-brand-press: #e35706;
  --bg-state-brand-loading: #f7bb77;
  --bg-state-gray: #ffffff;
  --bg-state-disabled: #ffffff14;

  --icon-default: #ffffff;
  --icon-default-subtle: #ffffffb2;
  --icon-default-muted: #ffffff80;
  --icon-default-disabled: #ffffff40;
  --icon-inverted-default: #24211e;
  --icon-inverted-subtle: #57534d;
  --icon-inverted-muted: #a6a09b;
  --icon-inverted-disabled: #27272a59;
  --icon-white-default: #ffffff;
  --icon-white-subtle: #ffffffb2;
  --icon-white-muted: #ffffff80;
  --icon-white-disabled: #ffffff66;
  --icon-black-default: #24211e;
  --icon-black-subtle: #57534d;
  --icon-black-muted: #79716b;
  --icon-black-disabled: #27272a59;
  --icon-destructive: #f49fa9;
  --icon-informative: #f7bb77;
  --icon-success: #7ce9d5;
  --icon-warning: #f5ca0f;

  --border-default: #ffffff1a;
  --border-darker: #ffffff26;
  --border-strong: #ffffff40;
  --border-inverted: #27272a1a;
  --border-accent: #ffffff;
  --border-accent-inverted: #24211e;
  --border-destructive: #f16e81;
  --border-informative: #4ad0ef;
  --border-success: #53d2be;
  --border-warning: #f5ca0f;
  --border-highlight: #f38f3666;
  --border-highlight-destructive: #f16e8166;
  --border-highlight-accent: #f27313;
  --border-input-highlight: #f38f3666;
  --border-white: #ffffff33;
  --border-red: #ee6e6c33;
  --border-orange: #f38f3633;
  --border-amber: #f5bd1e33;
  --border-yellow: #f5ca0f33;
  --border-lime: #abe43533;
  --border-green: #66dc7e33;
  --border-emerald: #56d19733;
  --border-teal: #53d2be33;
  --border-cyan: #4ad0ef33;
  --border-sky: #4db9fa33;
  --border-blue: #65a0fd33;
  --border-indigo: #7e86fb33;
  --border-violet: #a185fd33;
  --border-purple: #b87efe33;
  --border-fuchsia: #dd72fa33;
  --border-pink: #ea6eb333;
  --border-rose: #f16e8133;

  --bg-checkbox-default: #ffffff0f;
  --bg-checkbox-active: #f27313;
  --bg-checkbox-active-hover: #f38f36;
  --bg-checkbox-disabled: #ffffff0f;

  --bg-switch-default: #57534d;
  --bg-switch-default-hover: #79716b;
  --bg-switch-disabled: #d6d3d1;
  --bg-switch-default-2: #ffffff;
  --bg-switch-active: #44b8a7;
  --bg-switch-active-hover: #53d2be;
  --bg-switch-active-disabled: #adf4e5;
  --bg-switch-handle: #ffffff;
  --bg-switch-handle-disabled: #fafaf9;

  --bg-badge-default: #ffffff1a;
  --bg-badge-inverted: #ffffff;
  --bg-badge-gray: #ffffff1a;
  --bg-badge-white: #ffffff1a;
  --bg-badge-red: #ee6e6c1a;
  --bg-badge-orange: #f38f361a;
  --bg-badge-amber: #f5bd1e1a;
  --bg-badge-yellow: #f5ca0f1a;
  --bg-badge-lime: #abe4351a;
  --bg-badge-green: #66dc7e1a;
  --bg-badge-emerald: #56d1971a;
  --bg-badge-teal: #53d2be1a;
  --bg-badge-cyan: #4ad0ef1a;
  --bg-badge-sky: #4db9fa1a;
  --bg-badge-blue: #65a0fd1a;
  --bg-badge-indigo: #7e86fb1a;
  --bg-badge-violet: #a185fd1a;
  --bg-badge-purple: #b87efe1a;
  --bg-badge-fuchsia: #dd72fa1a;
  --bg-badge-pink: #ea6eb31a;
  --bg-badge-rose: #f16e811a;
  --border-badge-default: #ffffff1a;

  --text-badge-red: #ed6664;
  --text-badge-orange: #f38f36;
  --text-badge-lime: #abe435;
  --text-badge-green: #66dc7e;
  --text-badge-cyan: #4ad0ef;
  --text-badge-blue: #65a0fd;
  --text-badge-violet: #a185fd;
  --text-badge-fuchsia: #dd72fa;
  --text-badge-pink: #ea6eb3;
  --text-badge-neutral: #ffffffb2;

  --bg-basic-gray-subtle: #18181b;
  --bg-basic-gray-accent: #6f6f77;
  --bg-basic-gray-strong: #a1a1a9;
  --bg-basic-gray-contrast: #f4f4f5;
  --bg-basic-black-subtle: #e4e4e7;
  --bg-basic-black-accent: #18181b;
  --bg-basic-black-strong: #2c2c31;
  --bg-basic-black-contrast: #111115;
  --bg-basic-white-subtle: #f4f4f5;
  --bg-basic-white-accent: #ffffff;
  --bg-basic-white-strong: #fafafa;
  --bg-basic-white-contrast: #ffffff;
  --bg-basic-red-accent: #e74341;
  --bg-basic-orange-accent: #f27313;
  --bg-basic-orange-strong: #f38f36;
  --bg-basic-orange-subtle: #441c0d;
  --bg-basic-orange-contrast: #fceed7;
  --bg-basic-amber-accent: #f09e0f;
  --bg-basic-green-accent: #4fc660;
  --bg-basic-blue-accent: #437dfc;
  --bg-basic-blue-strong: #65a0fd;
  --bg-basic-gray-alpha-2: #ffffff0a;
  --bg-basic-gray-alpha-4: #ffffff14;
  --bg-basic-gray-alpha-10: #ffffff26;
  --bg-basic-gray-alpha-15: #ffffff33;
  --bg-basic-orange-alpha-10: #f273131a;
  --bg-basic-blue-alpha-10: #437dfc1a;
}