/* Generated from DTCG 2025.10 token sources; do not edit directly. */
:root {
  --ds-primitive-color-white: #ffffff;
  --ds-primitive-color-black: #000000;
  --ds-primitive-color-gray50: #f9fafc;
  --ds-primitive-color-gray100: #f1f3f6;
  --ds-primitive-color-gray200: #e0e4ea;
  --ds-primitive-color-gray300: #c3c9d3;
  --ds-primitive-color-gray500: #6d7687;
  --ds-primitive-color-gray600: #535d6d;
  --ds-primitive-color-gray700: #3c4656;
  --ds-primitive-color-gray800: #262f3e;
  --ds-primitive-color-gray900: #19202e;
  --ds-primitive-color-indigo500: #4c59ca;
  --ds-primitive-color-indigo600: #3e4bb4;
  --ds-primitive-color-indigo300: #a7b1f4;
  --ds-primitive-color-teal600: #0f736f;
  --ds-primitive-color-red600: #ba2c32;
  --ds-primitive-color-green600: #1a7b4f;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
  --ds-space-8: 32px;
  --ds-space-10: 40px;
  --ds-radius-sm: 4px;
  --ds-radius-md: 8px;
  --ds-radius-lg: 12px;
  --ds-radius-xl: 16px;
  --ds-size-control: 42px;
  --ds-size-control-compact: 34px;
  --ds-motion-fast: 120ms;
  --ds-motion-normal: 220ms;
  --ds-color-canvas: #f9fafc;
  --ds-color-surface: #ffffff;
  --ds-color-surface-alt: #f1f3f6;
  --ds-color-text: #19202e;
  --ds-color-text-muted: #535d6d;
  --ds-color-border: #e0e4ea;
  --ds-color-border-strong: #c3c9d3;
  --ds-color-primary: #14695f;
  --ds-color-primary-hover: #10554d;
  --ds-color-on-primary: #ffffff;
  --ds-color-focus: #14695f;
  --ds-color-danger: #ba2c32;
  --ds-color-success: #1a7b4f;
}
:root[data-theme="dark"] {
  --ds-color-canvas: #19202e;
  --ds-color-surface: #262f3e;
  --ds-color-surface-alt: #3c4656;
  --ds-color-text: #f9fafc;
  --ds-color-text-muted: #c3c9d3;
  --ds-color-border: #3c4656;
  --ds-color-border-strong: #535d6d;
  --ds-color-primary: #85d7c7;
  --ds-color-primary-hover: #a0e6d8;
  --ds-color-on-primary: #10251f;
  --ds-color-focus: #85d7c7;
  --ds-color-danger: #ba2c32;
  --ds-color-success: #1a7b4f;
}

/* Preview palette variants */
:root[data-palette="teal"]:not([data-theme="dark"]) {
  --ds-color-primary: #14695F;
  --ds-color-primary-hover: #10554D;
  --ds-color-on-primary: #FFFFFF;
  --ds-color-focus: #14695F;
}
:root[data-palette="teal"][data-theme="dark"] {
  --ds-color-primary: #85D7C7;
  --ds-color-primary-hover: #A0E6D8;
  --ds-color-on-primary: #10251F;
  --ds-color-focus: #85D7C7;
}
:root[data-palette="blue"]:not([data-theme="dark"]) {
  --ds-color-primary: #28599B;
  --ds-color-primary-hover: #204A83;
  --ds-color-on-primary: #FFFFFF;
  --ds-color-focus: #28599B;
}
:root[data-palette="blue"][data-theme="dark"] {
  --ds-color-primary: #9CC4FF;
  --ds-color-primary-hover: #B0D1FF;
  --ds-color-on-primary: #12243D;
  --ds-color-focus: #9CC4FF;
}
:root[data-palette="forest"]:not([data-theme="dark"]) {
  --ds-color-primary: #286D46;
  --ds-color-primary-hover: #1E5837;
  --ds-color-on-primary: #FFFFFF;
  --ds-color-focus: #286D46;
}
:root[data-palette="forest"][data-theme="dark"] {
  --ds-color-primary: #91D6A8;
  --ds-color-primary-hover: #AFE6BE;
  --ds-color-on-primary: #16291C;
  --ds-color-focus: #91D6A8;
}
:root[data-palette="violet"]:not([data-theme="dark"]) {
  --ds-color-primary: #6A499B;
  --ds-color-primary-hover: #583A83;
  --ds-color-on-primary: #FFFFFF;
  --ds-color-focus: #6A499B;
}
:root[data-palette="violet"][data-theme="dark"] {
  --ds-color-primary: #C8ADF4;
  --ds-color-primary-hover: #D9C4F8;
  --ds-color-on-primary: #241834;
  --ds-color-focus: #C8ADF4;
}
:root[data-palette="copper"]:not([data-theme="dark"]) {
  --ds-color-primary: #97502F;
  --ds-color-primary-hover: #804025;
  --ds-color-on-primary: #FFFFFF;
  --ds-color-focus: #97502F;
}
:root[data-palette="copper"][data-theme="dark"] {
  --ds-color-primary: #F2BB93;
  --ds-color-primary-hover: #F5CEB0;
  --ds-color-on-primary: #302019;
  --ds-color-focus: #F2BB93;
}
:root[data-palette="indigo"]:not([data-theme="dark"]) {
  --ds-color-primary: #3E4BB4;
  --ds-color-primary-hover: #34419D;
  --ds-color-on-primary: #FFFFFF;
  --ds-color-focus: #3E4BB4;
}
:root[data-palette="indigo"][data-theme="dark"] {
  --ds-color-primary: #A7B1F4;
  --ds-color-primary-hover: #BCC5FC;
  --ds-color-on-primary: #171E39;
  --ds-color-focus: #A7B1F4;
}