/* AUTO-GENERATED by scripts/generate-design-tokens.mjs. Do not edit. */
/* Source: design-system/tokens.json */

:root {
  --portal-foundation-color-white: #FFFFFF;
  --portal-foundation-color-black: #000000;
  --portal-foundation-color-ink: #111111;
  --portal-foundation-color-neutral-025: #FBFDFF;
  --portal-foundation-color-neutral-050: #F8FAFC;
  --portal-foundation-color-neutral-100: #F3F4F6;
  --portal-foundation-color-neutral-150: #EEF3F9;
  --portal-foundation-color-neutral-200: #E5E7EB;
  --portal-foundation-color-neutral-300: #D9E0EA;
  --portal-foundation-color-neutral-400: #C4C4C4;
  --portal-foundation-color-neutral-500: #6B7280;
  --portal-foundation-color-neutral-600: #4B5563;
  --portal-foundation-color-neutral-700: #3E3E3E;
  --portal-foundation-color-neutral-800: #1F2937;
  --portal-foundation-color-neutral-900: #1A1A1A;
  --portal-foundation-color-night-800: #0F1418;
  --portal-foundation-color-night-900: #0B0F14;
  --portal-foundation-color-brand-blue: #0F6CBD;
  --portal-foundation-color-brand-blue-bright: #2899F5;
  --portal-foundation-color-brand-indigo: #5B5FC7;
  --portal-foundation-color-brand-indigo-bright: #9A9DF4;
  --portal-foundation-color-info: #2BB3BB;
  --portal-foundation-color-info-bright: #3DD5DC;
  --portal-foundation-color-success: #107C10;
  --portal-foundation-color-success-bright: #3DBD7D;
  --portal-foundation-color-warning: #C19C00;
  --portal-foundation-color-warning-bright: #F2B400;
  --portal-foundation-color-error: #D13438;
  --portal-foundation-color-error-bright: #E74856;
  --portal-space-unit: 8px;
  --portal-space-none: 0px;
  --portal-space-xxs: 2px;
  --portal-space-xs: 4px;
  --portal-space-sm: 6px;
  --portal-space-md: 8px;
  --portal-space-lg: 12px;
  --portal-space-xl: 16px;
  --portal-space-2xl: 24px;
  --portal-space-3xl: 32px;
  --portal-space-4xl: 48px;
  --portal-radius-none: 0px;
  --portal-radius-xs: 2px;
  --portal-radius-sm: 4px;
  --portal-radius-md: 8px;
  --portal-radius-lg: 12px;
  --portal-radius-xl: 16px;
  --portal-radius-pill: 999px;
  --portal-font-family: "Segoe UI", Arial, sans-serif;
  --portal-font-size-xs: 12px;
  --portal-font-size-sm: 13px;
  --portal-font-size-md: 14px;
  --portal-font-size-lg: 16px;
  --portal-font-size-xl: 18px;
  --portal-font-size-2xl: 20px;
  --portal-font-size-3xl: 24px;
  --portal-font-size-4xl: 32px;
  --portal-font-weight-regular: 400;
  --portal-font-weight-medium: 500;
  --portal-font-weight-semibold: 600;
  --portal-font-weight-bold: 700;
  --portal-line-height-tight: 1.2;
  --portal-line-height-normal: 1.5;
  --portal-line-height-relaxed: 1.7;
  --portal-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --portal-shadow-md: 0 8px 16px rgba(0, 0, 0, 0.12);
  --portal-shadow-lg: 0 24px 48px rgba(0, 0, 0, 0.24);
  --portal-motion-duration-instant: 0ms;
  --portal-motion-duration-fast: 120ms;
  --portal-motion-duration-normal: 200ms;
  --portal-motion-duration-slow: 300ms;
  --portal-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --portal-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --portal-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --portal-z-index-content: 0;
  --portal-z-index-sticky: 100;
  --portal-z-index-navigation: 1100;
  --portal-z-index-modal: 1300;
  --portal-z-index-popover: 1400;
  --portal-z-index-toast: 1500;
  --portal-z-index-tooltip: 1600;
  --portal-color-background: #FFFFFF;
  --portal-color-surface: #F3F4F6;
  --portal-color-surface-raised: #FFFFFF;
  --portal-color-surface-subtle: #F8FAFC;
  --portal-color-surface-hover: rgba(0, 0, 0, 0.04);
  --portal-color-surface-selected: rgba(15, 108, 189, 0.14);
  --portal-color-text: #1A1A1A;
  --portal-color-text-secondary: #3E3E3E;
  --portal-color-text-disabled: rgba(26, 26, 26, 0.54);
  --portal-color-border: rgba(0, 0, 0, 0.18);
  --portal-color-border-strong: rgba(0, 0, 0, 0.36);
  --portal-color-primary: #0F6CBD;
  --portal-color-primary-hover: #0B5A9F;
  --portal-color-primary-contrast: #FFFFFF;
  --portal-color-secondary: #5B5FC7;
  --portal-color-secondary-hover: #4B4FA8;
  --portal-color-secondary-contrast: #FFFFFF;
  --portal-color-info: #2BB3BB;
  --portal-color-info-contrast: #111111;
  --portal-color-success: #107C10;
  --portal-color-success-contrast: #FFFFFF;
  --portal-color-warning: #C19C00;
  --portal-color-warning-contrast: #111111;
  --portal-color-error: #D13438;
  --portal-color-error-contrast: #FFFFFF;
  --portal-color-focus: #0F6CBD;
  --portal-color-overlay: rgba(19, 28, 45, 0.55);
  --portal-color-navigation-background: #0F6CBD;
  --portal-color-navigation-text: #FFFFFF;
  --portal-color-sidebar-background: #F6F6F7;
  --portal-color-sidebar-text: #1A1A1A;
  --portal-color-sidebar-hover: rgba(0, 0, 0, 0.05);
  --portal-color-popover-background: #FFFFFF;
  --portal-color-popover-text: #1F1F1F;
  --portal-color-chart-1: #0F6CBD;
  --portal-color-chart-2: #5B5FC7;
  --portal-color-chart-3: #107C10;
  --portal-color-chart-4: #C19C00;
  --portal-color-chart-5: #D13438;
  --portal-color-chart-6: #2BB3BB;
  --portal-color-chart-7: #8A4FFF;
  --portal-color-chart-8: #9A5B13;
  --portal-control-height: 48px;
  --portal-toolbar-gap: 8px;
  --portal-toolbar-padding: 8px;
  --portal-panel-padding: 16px;
  --portal-tab-height: 40px;
  --portal-font-size-base: 14px;
  color-scheme: light;
  --app-bg: var(--portal-color-background);
  --surface-bg: var(--portal-color-surface);
  --text-primary: var(--portal-color-text);
  --text-secondary: var(--portal-color-text-secondary);
  --divider: var(--portal-color-border);
  --primary: var(--portal-color-primary);
  --primary-contrastText: var(--portal-color-primary-contrast);
  --secondary: var(--portal-color-secondary);
  --success: var(--portal-color-success);
  --warning: var(--portal-color-warning);
  --error: var(--portal-color-error);
  --info: var(--portal-color-info);
  --hover-bg: var(--portal-color-surface-hover);
  --color-bg: var(--portal-color-background);
  --color-surface: var(--portal-color-surface);
  --color-text: var(--portal-color-text);
  --color-text-secondary: var(--portal-color-text-secondary);
  --color-border: var(--portal-color-border);
  --color-primary: var(--portal-color-primary);
  --color-secondary: var(--portal-color-secondary);
  --navbar-bg: var(--portal-color-navigation-background);
  --navbar-text: var(--portal-color-navigation-text);
  --sidebar-bg: var(--portal-color-sidebar-background);
  --sidebar-text: var(--portal-color-sidebar-text);
  --sidebar-hover: var(--portal-color-sidebar-hover);
  --popover-bg: var(--portal-color-popover-background);
  --popover-text: var(--portal-color-popover-text);
}

[data-theme="light"] {
  --portal-color-background: #FFFFFF;
  --portal-color-surface: #F3F4F6;
  --portal-color-surface-raised: #FFFFFF;
  --portal-color-surface-subtle: #F8FAFC;
  --portal-color-surface-hover: rgba(0, 0, 0, 0.04);
  --portal-color-surface-selected: rgba(15, 108, 189, 0.14);
  --portal-color-text: #1A1A1A;
  --portal-color-text-secondary: #3E3E3E;
  --portal-color-text-disabled: rgba(26, 26, 26, 0.54);
  --portal-color-border: rgba(0, 0, 0, 0.18);
  --portal-color-border-strong: rgba(0, 0, 0, 0.36);
  --portal-color-primary: #0F6CBD;
  --portal-color-primary-hover: #0B5A9F;
  --portal-color-primary-contrast: #FFFFFF;
  --portal-color-secondary: #5B5FC7;
  --portal-color-secondary-hover: #4B4FA8;
  --portal-color-secondary-contrast: #FFFFFF;
  --portal-color-info: #2BB3BB;
  --portal-color-info-contrast: #111111;
  --portal-color-success: #107C10;
  --portal-color-success-contrast: #FFFFFF;
  --portal-color-warning: #C19C00;
  --portal-color-warning-contrast: #111111;
  --portal-color-error: #D13438;
  --portal-color-error-contrast: #FFFFFF;
  --portal-color-focus: #0F6CBD;
  --portal-color-overlay: rgba(19, 28, 45, 0.55);
  --portal-color-navigation-background: #0F6CBD;
  --portal-color-navigation-text: #FFFFFF;
  --portal-color-sidebar-background: #F6F6F7;
  --portal-color-sidebar-text: #1A1A1A;
  --portal-color-sidebar-hover: rgba(0, 0, 0, 0.05);
  --portal-color-popover-background: #FFFFFF;
  --portal-color-popover-text: #1F1F1F;
  --portal-color-chart-1: #0F6CBD;
  --portal-color-chart-2: #5B5FC7;
  --portal-color-chart-3: #107C10;
  --portal-color-chart-4: #C19C00;
  --portal-color-chart-5: #D13438;
  --portal-color-chart-6: #2BB3BB;
  --portal-color-chart-7: #8A4FFF;
  --portal-color-chart-8: #9A5B13;
  color-scheme: light;
  --app-bg: var(--portal-color-background);
  --surface-bg: var(--portal-color-surface);
  --text-primary: var(--portal-color-text);
  --text-secondary: var(--portal-color-text-secondary);
  --divider: var(--portal-color-border);
  --primary: var(--portal-color-primary);
  --primary-contrastText: var(--portal-color-primary-contrast);
  --secondary: var(--portal-color-secondary);
  --success: var(--portal-color-success);
  --warning: var(--portal-color-warning);
  --error: var(--portal-color-error);
  --info: var(--portal-color-info);
  --hover-bg: var(--portal-color-surface-hover);
  --color-bg: var(--portal-color-background);
  --color-surface: var(--portal-color-surface);
  --color-text: var(--portal-color-text);
  --color-text-secondary: var(--portal-color-text-secondary);
  --color-border: var(--portal-color-border);
  --color-primary: var(--portal-color-primary);
  --color-secondary: var(--portal-color-secondary);
  --navbar-bg: var(--portal-color-navigation-background);
  --navbar-text: var(--portal-color-navigation-text);
  --sidebar-bg: var(--portal-color-sidebar-background);
  --sidebar-text: var(--portal-color-sidebar-text);
  --sidebar-hover: var(--portal-color-sidebar-hover);
  --popover-bg: var(--portal-color-popover-background);
  --popover-text: var(--portal-color-popover-text);
}

[data-theme="dark"] {
  --portal-color-background: #0B0F14;
  --portal-color-surface: #0F1418;
  --portal-color-surface-raised: #171D22;
  --portal-color-surface-subtle: #11171C;
  --portal-color-surface-hover: rgba(255, 255, 255, 0.08);
  --portal-color-surface-selected: rgba(40, 153, 245, 0.22);
  --portal-color-text: #EAEAEA;
  --portal-color-text-secondary: #C4C4C4;
  --portal-color-text-disabled: rgba(234, 234, 234, 0.54);
  --portal-color-border: rgba(255, 255, 255, 0.22);
  --portal-color-border-strong: rgba(255, 255, 255, 0.42);
  --portal-color-primary: #2899F5;
  --portal-color-primary-hover: #54ACF5;
  --portal-color-primary-contrast: #FFFFFF;
  --portal-color-secondary: #9A9DF4;
  --portal-color-secondary-hover: #B0B2F7;
  --portal-color-secondary-contrast: #FFFFFF;
  --portal-color-info: #3DD5DC;
  --portal-color-info-contrast: #111111;
  --portal-color-success: #3DBD7D;
  --portal-color-success-contrast: #FFFFFF;
  --portal-color-warning: #F2B400;
  --portal-color-warning-contrast: #111111;
  --portal-color-error: #E74856;
  --portal-color-error-contrast: #FFFFFF;
  --portal-color-focus: #2899F5;
  --portal-color-overlay: rgba(0, 0, 0, 0.72);
  --portal-color-navigation-background: #0B0F14;
  --portal-color-navigation-text: #FFFFFF;
  --portal-color-sidebar-background: #0F1418;
  --portal-color-sidebar-text: #EAEAEA;
  --portal-color-sidebar-hover: rgba(255, 255, 255, 0.08);
  --portal-color-popover-background: #0F1418;
  --portal-color-popover-text: #EAEAEA;
  --portal-color-chart-1: #54ACF5;
  --portal-color-chart-2: #B0B2F7;
  --portal-color-chart-3: #5BD694;
  --portal-color-chart-4: #FFD166;
  --portal-color-chart-5: #FF807D;
  --portal-color-chart-6: #65E1E6;
  --portal-color-chart-7: #B894FF;
  --portal-color-chart-8: #D7A45E;
  color-scheme: dark;
  --app-bg: var(--portal-color-background);
  --surface-bg: var(--portal-color-surface);
  --text-primary: var(--portal-color-text);
  --text-secondary: var(--portal-color-text-secondary);
  --divider: var(--portal-color-border);
  --primary: var(--portal-color-primary);
  --primary-contrastText: var(--portal-color-primary-contrast);
  --secondary: var(--portal-color-secondary);
  --success: var(--portal-color-success);
  --warning: var(--portal-color-warning);
  --error: var(--portal-color-error);
  --info: var(--portal-color-info);
  --hover-bg: var(--portal-color-surface-hover);
  --color-bg: var(--portal-color-background);
  --color-surface: var(--portal-color-surface);
  --color-text: var(--portal-color-text);
  --color-text-secondary: var(--portal-color-text-secondary);
  --color-border: var(--portal-color-border);
  --color-primary: var(--portal-color-primary);
  --color-secondary: var(--portal-color-secondary);
  --navbar-bg: var(--portal-color-navigation-background);
  --navbar-text: var(--portal-color-navigation-text);
  --sidebar-bg: var(--portal-color-sidebar-background);
  --sidebar-text: var(--portal-color-sidebar-text);
  --sidebar-hover: var(--portal-color-sidebar-hover);
  --popover-bg: var(--portal-color-popover-background);
  --popover-text: var(--portal-color-popover-text);
}

[data-theme="light"][data-contrast="high"] {
  --portal-color-background: #FFFFFF;
  --portal-color-surface: #FFFFFF;
  --portal-color-surface-raised: #FFFFFF;
  --portal-color-surface-subtle: #FFFFFF;
  --portal-color-text: #0E0E0F;
  --portal-color-text-secondary: #1A1A1C;
  --portal-color-border: rgba(14, 14, 15, 0.4);
  --portal-color-border-strong: #0E0E0F;
  --portal-color-focus: #0E0E0F;
  --app-bg: var(--portal-color-background);
  --surface-bg: var(--portal-color-surface);
  --text-primary: var(--portal-color-text);
  --text-secondary: var(--portal-color-text-secondary);
  --divider: var(--portal-color-border);
  --primary: var(--portal-color-primary);
  --primary-contrastText: var(--portal-color-primary-contrast);
  --secondary: var(--portal-color-secondary);
  --success: var(--portal-color-success);
  --warning: var(--portal-color-warning);
  --error: var(--portal-color-error);
  --info: var(--portal-color-info);
  --hover-bg: var(--portal-color-surface-hover);
  --color-bg: var(--portal-color-background);
  --color-surface: var(--portal-color-surface);
  --color-text: var(--portal-color-text);
  --color-text-secondary: var(--portal-color-text-secondary);
  --color-border: var(--portal-color-border);
  --color-primary: var(--portal-color-primary);
  --color-secondary: var(--portal-color-secondary);
  --navbar-bg: var(--portal-color-navigation-background);
  --navbar-text: var(--portal-color-navigation-text);
  --sidebar-bg: var(--portal-color-sidebar-background);
  --sidebar-text: var(--portal-color-sidebar-text);
  --sidebar-hover: var(--portal-color-sidebar-hover);
  --popover-bg: var(--portal-color-popover-background);
  --popover-text: var(--portal-color-popover-text);
}

[data-theme="dark"][data-contrast="high"] {
  --portal-color-background: #0B0F14;
  --portal-color-surface: #0B0F14;
  --portal-color-surface-raised: #0B0F14;
  --portal-color-surface-subtle: #0B0F14;
  --portal-color-text: #FFFFFF;
  --portal-color-text-secondary: #E6E6E6;
  --portal-color-border: rgba(255, 255, 255, 0.4);
  --portal-color-border-strong: #FFFFFF;
  --portal-color-focus: #FFFFFF;
  --app-bg: var(--portal-color-background);
  --surface-bg: var(--portal-color-surface);
  --text-primary: var(--portal-color-text);
  --text-secondary: var(--portal-color-text-secondary);
  --divider: var(--portal-color-border);
  --primary: var(--portal-color-primary);
  --primary-contrastText: var(--portal-color-primary-contrast);
  --secondary: var(--portal-color-secondary);
  --success: var(--portal-color-success);
  --warning: var(--portal-color-warning);
  --error: var(--portal-color-error);
  --info: var(--portal-color-info);
  --hover-bg: var(--portal-color-surface-hover);
  --color-bg: var(--portal-color-background);
  --color-surface: var(--portal-color-surface);
  --color-text: var(--portal-color-text);
  --color-text-secondary: var(--portal-color-text-secondary);
  --color-border: var(--portal-color-border);
  --color-primary: var(--portal-color-primary);
  --color-secondary: var(--portal-color-secondary);
  --navbar-bg: var(--portal-color-navigation-background);
  --navbar-text: var(--portal-color-navigation-text);
  --sidebar-bg: var(--portal-color-sidebar-background);
  --sidebar-text: var(--portal-color-sidebar-text);
  --sidebar-hover: var(--portal-color-sidebar-hover);
  --popover-bg: var(--portal-color-popover-background);
  --popover-text: var(--portal-color-popover-text);
}

[data-density="normal"] {
  --portal-control-height: 48px;
  --portal-toolbar-gap: 8px;
  --portal-toolbar-padding: 8px;
  --portal-panel-padding: 16px;
  --portal-tab-height: 40px;
}

[data-density="dense"] {
  --portal-control-height: 40px;
  --portal-toolbar-gap: 6px;
  --portal-toolbar-padding: 6px;
  --portal-panel-padding: 12px;
  --portal-tab-height: 34px;
}

[data-font-scale="small"] {
  --portal-font-size-base: 13px;
}

[data-font-scale="normal"] {
  --portal-font-size-base: 14px;
}

[data-font-scale="large"] {
  --portal-font-size-base: 16px;
}