/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --accent-1: var(--violet-700); /* @kind color */
  --accent-2: var(--blue-700); /* @kind color */
  --accent-3: var(--green-700); /* @kind color */
  --accent-4: var(--amber-700); /* @kind color */
  --accent-5: var(--red-700); /* @kind color */
  --accent-6: var(--teal-700); /* @kind color */
  --ai-accent: var(--violet-500); /* @kind color */
  --ai-border: var(--violet-300); /* @kind color */
  --ai-subtle: var(--violet-50); /* @kind color */
  --ai-text: var(--violet-700); /* @kind color */
  --amber-200: rgb(254,223,137); /* @kind color */
  --amber-500: rgb(245,158,11); /* @kind color */
  --amber-50: rgb(255,250,235); /* @kind color */
  --amber-700: rgb(181,71,8); /* @kind color */
  --bg-canvas: var(--gray-50); /* @kind color */
  --bg-hover: var(--gray-100); /* @kind color */
  --bg-overlay: var(--gray-950); /* @kind color */
  --bg-pressed: var(--gray-200); /* @kind color */
  --bg-selected: var(--violet-50); /* @kind color */
  --bg-sidebar: var(--gray-100); /* @kind color */
  --bg-subtle: var(--gray-100); /* @kind color */
  --bg-surface: var(--white); /* @kind color */
  --blue-200: rgb(178,221,255); /* @kind color */
  --blue-500: rgb(46,144,250); /* @kind color */
  --blue-50: rgb(239,248,255); /* @kind color */
  --blue-700: rgb(23,92,211); /* @kind color */
  --border-default: var(--gray-150); /* @kind color */
  --border-focus: var(--violet-500); /* @kind color */
  --border-strong: var(--gray-300); /* @kind color */
  --border-subtle: var(--gray-100); /* @kind color */
  --border-width-0: 0;
  --border-width-1: 1;
  --border-width-2: 2;
  --chart-1: var(--violet-500); /* @kind color */
  --chart-2: var(--blue-500); /* @kind color */
  --chart-3: var(--green-500); /* @kind color */
  --chart-4: var(--amber-500); /* @kind color */
  --chart-5: var(--red-500); /* @kind color */
  --chart-6: var(--teal-500); /* @kind color */
  --chart-7: var(--pink-500); /* @kind color */
  --code-bg: var(--gray-100); /* @kind color */
  --code-border: var(--gray-150); /* @kind color */
  --code-comment: var(--gray-500); /* @kind color */
  --code-text: var(--gray-700); /* @kind color */
  --divider-default: var(--gray-150); /* @kind color */
  --duration-fast: 120; /* @kind other */
  --duration-instant: 50; /* @kind other */
  --duration-normal: 200; /* @kind other */
  --duration-slow: 320; /* @kind other */
  --duration-slower: 500; /* @kind other */
  --easing-accelerate: "cubic-bezier(0.3, 0, 1, 1)"; /* @kind other */
  --easing-decelerate: "cubic-bezier(0, 0, 0, 1)"; /* @kind other */
  --easing-emphasized: "cubic-bezier(0.2, 0, 0.2, 1)"; /* @kind other */
  --easing-standard: "cubic-bezier(0.2, 0, 0, 1)"; /* @kind other */
  --error-border: var(--red-200); /* @kind color */
  --error-default: var(--red-500); /* @kind color */
  --error-solid: var(--red-600); /* @kind color */
  --error-subtle: var(--red-50); /* @kind color */
  --error-text: var(--red-700); /* @kind color */
  --focus-ring: var(--violet-500); /* @kind color */
  --gray-100: rgb(239,242,246); /* @kind color */
  --gray-150: rgb(235,236,240); /* @kind color */
  --gray-200: rgb(226,228,234); /* @kind color */
  --gray-25: rgb(251,252,253); /* @kind color */
  --gray-300: rgb(207,210,220); /* @kind color */
  --gray-400: rgb(169,173,186); /* @kind color */
  --gray-500: rgb(131,134,147); /* @kind color */
  --gray-50: rgb(246,248,250); /* @kind color */
  --gray-600: rgb(97,100,122); /* @kind color */
  --gray-650: rgb(84,87,103); /* @kind color */
  --gray-700: rgb(67,67,86); /* @kind color */
  --gray-800: rgb(46,46,58); /* @kind color */
  --gray-900: rgb(34,34,43); /* @kind color */
  --gray-950: rgb(23,23,29); /* @kind color */
  --green-200: rgb(171,239,198); /* @kind color */
  --green-500: rgb(22,163,74); /* @kind color */
  --green-50: rgb(236,253,243); /* @kind color */
  --green-700: rgb(21,128,61); /* @kind color */
  --info-border: var(--blue-200); /* @kind color */
  --info-default: var(--blue-500); /* @kind color */
  --info-subtle: var(--blue-50); /* @kind color */
  --info-text: var(--blue-700); /* @kind color */
  --opacity-0: 0; /* @kind other */
  --opacity-disabled: 0.4; /* @kind other */
  --opacity-full: 1; /* @kind other */
  --opacity-hover: 0.06; /* @kind other */
  --opacity-muted: 0.64; /* @kind other */
  --opacity-overlay: 0.5; /* @kind other */
  --opacity-pressed: 0.1; /* @kind other */
  --pink-500: rgb(236,72,153); /* @kind color */
  --primary-border: var(--violet-200); /* @kind color */
  --primary-default: var(--violet-600); /* @kind color */
  --primary-hover: var(--violet-700); /* @kind color */
  --primary-pressed: var(--violet-800); /* @kind color */
  --primary-subtle-hover: var(--violet-100); /* @kind color */
  --primary-subtle: var(--violet-50); /* @kind color */
  --primary-text: var(--violet-700); /* @kind color */
  --radius-2xl: 20;
  --radius-full: 9999;
  --radius-lg: 12;
  --radius-md: 8;
  --radius-none: 0;
  --radius-sm: 6;
  --radius-xl: 16;
  --radius-xs: 4;
  --red-200: rgb(254,205,202); /* @kind color */
  --red-500: rgb(229,72,77); /* @kind color */
  --red-50: rgb(254,243,242); /* @kind color */
  --red-600: rgb(217,45,32); /* @kind color */
  --red-700: rgb(180,35,24); /* @kind color */
  --selection-bg: var(--violet-100); /* @kind color */
  --size-avatar-lg: 40;
  --size-avatar-md: 32;
  --size-avatar-sm: 24;
  --size-control-lg: 40;
  --size-control-md: 32;
  --size-control-sm: 28;
  --size-icon-lg: 24;
  --size-icon-md: 20;
  --size-icon-sm: 16;
  --spacing-0: 0;
  --spacing-1000: 80;
  --spacing-100: 8;
  --spacing-1200: 96;
  --spacing-150: 12;
  --spacing-200: 16;
  --spacing-250: 20;
  --spacing-25: 2;
  --spacing-300: 24;
  --spacing-400: 32;
  --spacing-500: 40;
  --spacing-50: 4;
  --spacing-600: 48;
  --spacing-800: 64;
  --success-border: var(--green-200); /* @kind color */
  --success-default: var(--green-500); /* @kind color */
  --success-subtle: var(--green-50); /* @kind color */
  --success-text: var(--green-700); /* @kind color */
  --table-border: var(--gray-150); /* @kind color */
  --table-header-bg: var(--gray-50); /* @kind color */
  --table-row-hover: var(--gray-50); /* @kind color */
  --tag-amber-bg: var(--amber-50); /* @kind color */
  --tag-amber-text: var(--amber-700); /* @kind color */
  --tag-blue-bg: var(--blue-50); /* @kind color */
  --tag-blue-text: var(--blue-700); /* @kind color */
  --tag-gray-bg: var(--gray-100); /* @kind color */
  --tag-gray-text: var(--gray-600); /* @kind color */
  --tag-green-bg: var(--green-50); /* @kind color */
  --tag-green-text: var(--green-700); /* @kind color */
  --tag-red-bg: var(--red-50); /* @kind color */
  --tag-red-text: var(--red-700); /* @kind color */
  --tag-violet-bg: var(--violet-50); /* @kind color */
  --tag-violet-text: var(--violet-700); /* @kind color */
  --teal-500: rgb(20,184,166); /* @kind color */
  --teal-700: rgb(15,118,110); /* @kind color */
  --text-disabled: var(--gray-400); /* @kind color */
  --text-inverse: var(--white); /* @kind color */
  --text-link: var(--violet-700); /* @kind color */
  --text-on-accent: var(--white); /* @kind color */
  --text-primary: var(--gray-700); /* @kind color */
  --text-secondary: var(--gray-650); /* @kind color */
  --text-tertiary: var(--gray-600); /* @kind color */
  --tooltip-bg: var(--gray-900); /* @kind color */
  --tooltip-text: var(--white); /* @kind color */
  --violet-100: rgb(235,231,255); /* @kind color */
  --violet-200: rgb(218,211,255); /* @kind color */
  --violet-300: rgb(192,180,254); /* @kind color */
  --violet-400: rgb(164,141,251); /* @kind color */
  --violet-500: rgb(124,92,252); /* @kind color */
  --violet-50: rgb(244,242,255); /* @kind color */
  --violet-600: rgb(106,69,240); /* @kind color */
  --violet-700: rgb(90,52,214); /* @kind color */
  --violet-800: rgb(74,43,174); /* @kind color */
  --violet-900: rgb(59,37,133); /* @kind color */
  --warning-border: var(--amber-200); /* @kind color */
  --warning-default: var(--amber-500); /* @kind color */
  --warning-subtle: var(--amber-50); /* @kind color */
  --warning-text: var(--amber-700); /* @kind color */
  --white: rgb(255,255,255); /* @kind color */
  --z-base: 0; /* @kind other */
  --z-dropdown: 1000; /* @kind other */
  --z-modal: 1300; /* @kind other */
  --z-overlay: 1200; /* @kind other */
  --z-popover: 1400; /* @kind other */
  --z-sticky: 1100; /* @kind other */
  --z-toast: 1500; /* @kind other */
  --z-tooltip: 1600; /* @kind other */
}

:root[data-theme="dark"], .dark {
  --accent-1: var(--violet-700); /* @kind color */
  --accent-2: var(--blue-700); /* @kind color */
  --accent-3: var(--green-700); /* @kind color */
  --accent-4: var(--amber-700); /* @kind color */
  --accent-5: var(--red-700); /* @kind color */
  --accent-6: var(--teal-700); /* @kind color */
  --ai-accent: var(--violet-400); /* @kind color */
  --ai-border: var(--violet-700); /* @kind color */
  --ai-subtle: var(--violet-900); /* @kind color */
  --ai-text: var(--violet-300); /* @kind color */
  --bg-canvas: var(--gray-950); /* @kind color */
  --bg-hover: var(--gray-800); /* @kind color */
  --bg-overlay: var(--gray-950); /* @kind color */
  --bg-pressed: var(--gray-700); /* @kind color */
  --bg-selected: var(--violet-900); /* @kind color */
  --bg-sidebar: var(--gray-900); /* @kind color */
  --bg-subtle: var(--gray-800); /* @kind color */
  --bg-surface: var(--gray-900); /* @kind color */
  --border-default: var(--gray-800); /* @kind color */
  --border-focus: var(--violet-400); /* @kind color */
  --border-strong: var(--gray-700); /* @kind color */
  --border-subtle: var(--gray-900); /* @kind color */
  --chart-1: var(--violet-500); /* @kind color */
  --chart-2: var(--blue-500); /* @kind color */
  --chart-3: var(--green-500); /* @kind color */
  --chart-4: var(--amber-500); /* @kind color */
  --chart-5: var(--red-500); /* @kind color */
  --chart-6: var(--teal-500); /* @kind color */
  --chart-7: var(--pink-500); /* @kind color */
  --code-bg: var(--gray-950); /* @kind color */
  --code-border: var(--gray-800); /* @kind color */
  --code-comment: var(--gray-500); /* @kind color */
  --code-text: var(--gray-100); /* @kind color */
  --divider-default: var(--gray-800); /* @kind color */
  --error-border: var(--red-700); /* @kind color */
  --error-default: var(--red-500); /* @kind color */
  --error-solid: var(--red-600); /* @kind color */
  --error-subtle: var(--gray-800); /* @kind color */
  --error-text: var(--red-200); /* @kind color */
  --focus-ring: var(--violet-400); /* @kind color */
  --info-border: var(--blue-700); /* @kind color */
  --info-default: var(--blue-500); /* @kind color */
  --info-subtle: var(--gray-800); /* @kind color */
  --info-text: var(--blue-200); /* @kind color */
  --primary-border: var(--violet-700); /* @kind color */
  --primary-default: var(--violet-500); /* @kind color */
  --primary-hover: var(--violet-400); /* @kind color */
  --primary-pressed: var(--violet-300); /* @kind color */
  --primary-subtle-hover: var(--violet-800); /* @kind color */
  --primary-subtle: var(--violet-900); /* @kind color */
  --primary-text: var(--violet-300); /* @kind color */
  --selection-bg: var(--violet-800); /* @kind color */
  --success-border: var(--green-700); /* @kind color */
  --success-default: var(--green-500); /* @kind color */
  --success-subtle: var(--gray-800); /* @kind color */
  --success-text: var(--green-200); /* @kind color */
  --table-border: var(--gray-800); /* @kind color */
  --table-header-bg: var(--gray-900); /* @kind color */
  --table-row-hover: var(--gray-800); /* @kind color */
  --tag-amber-bg: var(--gray-800); /* @kind color */
  --tag-amber-text: var(--amber-200); /* @kind color */
  --tag-blue-bg: var(--gray-800); /* @kind color */
  --tag-blue-text: var(--blue-200); /* @kind color */
  --tag-gray-bg: var(--gray-800); /* @kind color */
  --tag-gray-text: var(--gray-200); /* @kind color */
  --tag-green-bg: var(--gray-800); /* @kind color */
  --tag-green-text: var(--green-200); /* @kind color */
  --tag-red-bg: var(--gray-800); /* @kind color */
  --tag-red-text: var(--red-200); /* @kind color */
  --tag-violet-bg: var(--gray-800); /* @kind color */
  --tag-violet-text: var(--violet-200); /* @kind color */
  --text-disabled: var(--gray-600); /* @kind color */
  --text-inverse: var(--gray-900); /* @kind color */
  --text-link: var(--violet-300); /* @kind color */
  --text-on-accent: var(--white); /* @kind color */
  --text-primary: var(--gray-50); /* @kind color */
  --text-secondary: var(--gray-400); /* @kind color */
  --text-tertiary: var(--gray-500); /* @kind color */
  --tooltip-bg: var(--gray-700); /* @kind color */
  --tooltip-text: var(--white); /* @kind color */
  --warning-border: var(--amber-700); /* @kind color */
  --warning-default: var(--amber-500); /* @kind color */
  --warning-subtle: var(--gray-800); /* @kind color */
  --warning-text: var(--amber-200); /* @kind color */
}