/* GENERATED — do not edit. Design-system variables distilled from
   the brand design system's dist/tokens.css by extract_design_tokens.py.
   Regenerated on every docs image build; the committed copy only feeds
   local `mkdocs serve`. */
:root {
  --color-white: #FFFAFA;
  --color-black: #0E0F11;
  --color-red-light: #EE7A7A;
  --color-red: #EA6464;
  --color-red-dark: #E15252;
  --data-red: #EA6464;
  --data-orange: #F59E42;
  --data-yellow: #FFCD1B;
  --data-teal: #34D399;
  --data-blue: #60A5FA;
  --data-violet: #A78BFA;
  --data-pink: #F472B6;
  --color-info: #60A5FA;
  --color-info-dark: #2563EB;
  --color-success: #00C86E;
  --color-success-dark: #00A055;
  --color-warning: #FFBB00;
  --color-warning-dark: #D97706;
  --color-error: #FF1200;
  --color-error-dark: #DC2626;
  --color-surface-0: #0E0F11;
  --color-surface-1: #161616;
  --color-surface-2: #212121;
  --color-surface-3: #2A2A2A;
  --color-surface-raised: var(--color-surface-1);
  --color-surface-nested: var(--color-surface-2);
  --color-fg-primary: rgba(255, 250, 250, 0.96);
  --color-fg-secondary: #929091;
  --color-fg-disabled: #6A6A6C;
  --color-state-hover: color-mix(in srgb, currentColor 7%, transparent);
  --color-state-active: color-mix(in srgb, currentColor 12%, transparent);
  --color-state-selected: color-mix(in srgb, currentColor 10%, transparent);
  --color-state-focus: rgba(51, 73, 245, 0.4);
  --color-border-light: #333333;
  --color-border-default: #3A3A3A;
  --color-border-strong: #525254;
  --color-border-focus: rgba(51, 73, 245, 0.5);
  --color-accent-default: #3349F5;
  --color-accent-hover: #4A5FF7;
  --color-accent-fg: #FFFAFA;
  --color-accent-hover-fg: #FFFAFA;
  --color-accent-bg: rgba(51, 73, 245, 0.12);
  --color-status-info: var(--color-info);
  --color-status-info-bg: rgba(37, 99, 235, .15);
  --color-status-success: var(--color-success);
  --color-status-success-bg: rgba(0, 160, 85, .15);
  --color-status-warning: var(--color-warning);
  --color-status-warning-bg: rgba(217, 119, 6, .15);
  --color-status-error: var(--color-error);
  --color-status-error-bg: rgba(220, 38, 38, .15);
  --color-overlay: rgba(22, 22, 22, 0.86);
  --control-checked-bg: var(--color-accent-default);
  --control-checked-border: var(--color-accent-default);
  --control-checked-fg: var(--color-accent-fg);
  --logo-fg-on-dark: #FFFAFA;
  --logo-fg-on-light: #0E0F11;
  --logo-fg: var(--logo-fg-on-dark);
  --data-1-fg: var(--data-red);
  --data-1-bg: rgba(234, 100, 100, .15);
  --data-1-border: rgba(234, 100, 100, .35);
  --data-2-fg: var(--data-orange);
  --data-2-bg: rgba(245, 158, 66, .15);
  --data-2-border: rgba(245, 158, 66, .35);
  --data-3-fg: var(--data-yellow);
  --data-3-bg: rgba(255, 205, 27, .15);
  --data-3-border: rgba(255, 205, 27, .35);
  --data-4-fg: var(--data-teal);
  --data-4-bg: rgba( 52, 211, 153, .15);
  --data-4-border: rgba( 52, 211, 153, .35);
  --data-5-fg: var(--data-blue);
  --data-5-bg: rgba( 96, 165, 250, .15);
  --data-5-border: rgba( 96, 165, 250, .35);
  --data-6-fg: var(--data-violet);
  --data-6-bg: rgba(167, 139, 250, .15);
  --data-6-border: rgba(167, 139, 250, .35);
  --data-7-fg: var(--data-pink);
  --data-7-bg: rgba(244, 114, 182, .15);
  --data-7-border: rgba(244, 114, 182, .35);
  --shadow-1: 0 2px 8px rgba(0, 0, 0, .4), 0 0 0 1px rgba(248, 249, 250, .06);
  --shadow-2: 0 8px 24px rgba(0, 0, 0, .5), 0 0 0 1px rgba(248, 249, 250, .08);
  --shadow-3: 0 16px 48px rgba(0, 0, 0, .6), 0 0 0 1px rgba(248, 249, 250, .1);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-1: 2px;
  --radius-2: 4px;
  --radius-3: 6px;
  --radius-4: 8px;
  --radius-6: 12px;
  --radius-8: 16px;
  --radius-full: 9999px;
  --height-1: 24px;
  --height-2: 32px;
  --height-2-5: 36px;
  --height-3: 44px;
  --height-4: 56px;
  --icon-1: 16px;
  --icon-2: 20px;
  --icon-3: 24px;
  --icon-4: 28px;
  --icon-5: 48px;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --text-4xl: 32px;
  --text-3xl: 28px;
  --text-2xl: 24px;
  --text-xl: 20px;
  --text-lg: 16px;
  --text-md: 14px;
  --text-sm: 12px;
  --text-xs: 10px;
  --tracking-4xl: 0;
  --tracking-3xl: 0;
  --tracking-2xl: 0;
  --tracking-xl: 0;
  --tracking-lg: .02em;
  --tracking-md: .04em;
  --tracking-sm: .06em;
  --tracking-xs: .08em;
  --z-sticky: 100;
  --z-drawer: 200;
  --z-modal: 300;
  --z-dropdown: 400;
  --z-toast: 500;
  --z-tooltip: 600;
  --layout-padding-x: 16px;
  --layout-padding-y: 32px;
  --layout-header-height: 64px;
  --easing-standard: cubic-bezier(.2, 0, 0, 1);
  --easing-decelerate: cubic-bezier(0, 0, .2, 1);
  --easing-accelerate: cubic-bezier(.3, 0, 1, 1);
  --easing-emphasized: cubic-bezier(.2, 0, 0, 1);
  --motion-duration-instant: .1s;
  --motion-duration-quick: .2s;
  --motion-duration-moderate: .3s;
  --motion-duration-slow: .5s;
  --motion-hover: var(--motion-duration-quick) var(--easing-standard);
  --motion-enter: var(--motion-duration-moderate) var(--easing-decelerate);
  --motion-exit: var(--motion-duration-quick) var(--easing-accelerate);
  --motion-emphasis: var(--motion-duration-slow) var(--easing-emphasized);
  --transition-fast: var(--motion-duration-instant) var(--easing-standard);
  --transition-normal: var(--motion-duration-quick) var(--easing-standard);
  --transition-slow: var(--motion-duration-moderate) var(--easing-standard);
  --state-disabled-opacity: .4;
  --focus-ring-color: var(--color-state-focus);
  --focus-ring-offset: 2px;
  --focus-ring-width: 2px;
  --focus-ring: 0 0 0 var(--focus-ring-offset) var(--color-surface-0), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);
  --font-ui: "Onest", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --ui-font-weight: var(--font-weight-medium);
  --ui-tracking: 0;
  --tab-tracking: 0;
  --ui-text-transform: none;
  --tab-font-size-xs: var(--text-sm);
  --tab-font-size-s: var(--text-md);
  --tab-font-size-m: var(--text-lg);
  --tab-font-size-l: var(--text-lg);
  --tab-icon-size-xs: var(--icon-1);
  --tab-icon-size-s: var(--icon-2);
  --tab-icon-size-m: var(--icon-2);
  --tab-icon-size-l: var(--icon-2);
  --label-font-size: var(--text-md);
  --label-color: var(--color-fg-primary);
  --label-tracking: 0;
  --label-text-transform: none;
  --field-border: var(--color-border-default);
  --field-border-active: var(--color-border-strong);
  --btn-padding-ratio: .5;
  --btn-font-weight: var(--font-weight-medium);
  --btn-font-size-xs: var(--text-sm);
  --btn-font-size-s: var(--text-md);
  --btn-font-size-m: var(--text-lg);
  --btn-font-size-l: var(--text-lg);
  --btn-icon-size-xs: var(--icon-1);
  --btn-icon-size-s: var(--icon-2);
  --btn-icon-size-m: var(--icon-2);
  --btn-icon-size-l: var(--icon-2);
  --btn-secondary-color: var(--color-fg-primary);
  --btn-secondary-border: var(--color-border-default);
  --btn-secondary-hover-border: var(--color-border-strong);
  --btn-secondary-hover-bg: var(--color-state-hover);
  --btn-secondary-hover-color: var(--btn-secondary-color);
  --badge-font-size-xs: 11px;
  --badge-font-size-s: var(--text-sm);
  --badge-font-size-m: var(--text-md);
  --badge-tracking: var(--ui-tracking);
  --badge-text-transform: var(--ui-text-transform);
  --card-border: #3A3A3A;
  --card-hover-transform: none;
  --table-th-font-family: var(--font-ui);
  --table-th-font-size: inherit;
  --table-th-color: var(--color-fg-secondary);
  --table-th-weight: var(--font-weight-semibold);
  --table-th-tracking: 0;
  --table-th-text-transform: none;
  --table-wrap-border: #3A3A3A;
  --table-row-border: #333333;
  --table-subrow-bg: var(--color-surface-2);
  --table-subrow-color: var(--color-fg-secondary);
  --table-subrow-font: var(--font-ui);
  --table-subrow-tracking: 0;
  --table-subrow-transform: none;
  --color-accent-2: #20C5B5;
  --color-accent-2-bg: rgba(32, 197, 181, 0.14);
  --color-accent-2-fg: #0E0F11;
  --breakpoint-mobile: 375px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1280px;
}