/* Automatisch generiert aus lane-foundation – nicht manuell bearbeiten. */

:root {
  color-scheme: light;
  --lane-color-gray-0: #ffffff;
  --lane-color-gray-50: #f7f7f8;
  --lane-color-gray-100: #ececef;
  --lane-color-gray-200: #d9d9de;
  --lane-color-gray-300: #b8b8c1;
  --lane-color-gray-400: #8e8e9a;
  --lane-color-gray-500: #6b6b78;
  --lane-color-gray-600: #4f4f5a;
  --lane-color-gray-700: #3a3a43;
  --lane-color-gray-800: #26262c;
  --lane-color-gray-900: #17171b;
  --lane-color-brand-50: #eef3ff;
  --lane-color-brand-100: #dbe5ff;
  --lane-color-brand-200: #b6caff;
  --lane-color-brand-300: #8aa8ff;
  --lane-color-brand-400: #5d82f5;
  --lane-color-brand-500: #3b61e0;
  --lane-color-brand-600: #2c4bbd;
  --lane-color-brand-700: #233b95;
  --lane-color-brand-800: #1c2f74;
  --lane-color-brand-900: #142152;
  --lane-color-red-500: #d93a3a;
  --lane-color-red-600: #b82c2c;
  --lane-color-green-500: #23945a;
  --lane-color-amber-500: #c98a0c;
  --lane-space-0: 0;
  --lane-space-1: 0.25rem;
  --lane-space-2: 0.5rem;
  --lane-space-3: 0.75rem;
  --lane-space-4: 1rem;
  --lane-space-5: 1.25rem;
  --lane-space-6: 1.5rem;
  --lane-space-8: 2rem;
  --lane-space-10: 2.5rem;
  --lane-space-12: 3rem;
  --lane-space-16: 4rem;
  --lane-radius-none: 0px;
  --lane-radius-sm: 4px;
  --lane-radius-md: 8px;
  --lane-radius-lg: 12px;
  --lane-radius-full: 9999px;
  --lane-icon-size-sm: 1rem;
  --lane-icon-size-md: 1.25rem;
  --lane-icon-size-lg: 1.5rem;
  --lane-icon-size-xl: 2rem;
  --lane-icon-size-2xl: 2.5rem;
  --lane-duration-fast: 120ms;
  --lane-duration-normal: 200ms;
  --lane-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --lane-font-family-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --lane-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --lane-font-size-xs: 0.75rem;
  --lane-font-size-sm: 0.875rem;
  --lane-font-size-md: 1rem;
  --lane-font-size-lg: 1.125rem;
  --lane-font-size-xl: 1.25rem;
  --lane-font-size-2xl: 1.5rem;
  --lane-font-size-3xl: 2rem;
  --lane-font-weight-regular: 400;
  --lane-font-weight-medium: 500;
  --lane-font-weight-semibold: 600;
  --lane-font-weight-bold: 700;
  --lane-font-line-height-tight: 1.2;
  --lane-font-line-height-normal: 1.5;
  --lane-color-bg-canvas: var(--lane-color-gray-0);
  --lane-color-bg-surface: var(--lane-color-gray-50);
  --lane-color-bg-subtle: var(--lane-color-gray-100);
  --lane-color-text-default: var(--lane-color-gray-900);
  --lane-color-text-muted: var(--lane-color-gray-500);
  --lane-color-text-on-action: var(--lane-color-gray-0);
  --lane-color-border-default: var(--lane-color-gray-200);
  --lane-color-border-strong: var(--lane-color-gray-400);
  --lane-color-action-primary: var(--lane-color-brand-500);
  --lane-color-action-primary-hover: var(--lane-color-brand-600);
  --lane-color-action-primary-active: var(--lane-color-brand-700);
  --lane-color-action-secondary: var(--lane-color-gray-100);
  --lane-color-action-secondary-hover: var(--lane-color-gray-200);
  --lane-color-action-danger: var(--lane-color-red-500);
  --lane-color-action-danger-hover: var(--lane-color-red-600);
  --lane-color-focus-ring: var(--lane-color-brand-400);
  --lane-color-feedback-success: var(--lane-color-green-500);
  --lane-color-feedback-warning: var(--lane-color-amber-500);
  --lane-color-feedback-error: var(--lane-color-red-500);
  --lane-color-icon-primary: var(--lane-color-text-default);
}

[data-lane-theme="dark"] {
  color-scheme: dark;
  --lane-color-bg-canvas: var(--lane-color-gray-900);
  --lane-color-bg-surface: var(--lane-color-gray-800);
  --lane-color-bg-subtle: var(--lane-color-gray-700);
  --lane-color-text-default: var(--lane-color-gray-50);
  --lane-color-text-muted: var(--lane-color-gray-300);
  --lane-color-text-on-action: var(--lane-color-gray-900);
  --lane-color-border-default: var(--lane-color-gray-700);
  --lane-color-border-strong: var(--lane-color-gray-500);
  --lane-color-action-primary: var(--lane-color-brand-400);
  --lane-color-action-primary-hover: var(--lane-color-brand-300);
  --lane-color-action-primary-active: var(--lane-color-brand-200);
  --lane-color-action-secondary: var(--lane-color-gray-700);
  --lane-color-action-secondary-hover: var(--lane-color-gray-600);
  --lane-color-action-danger: var(--lane-color-red-500);
  --lane-color-action-danger-hover: var(--lane-color-red-600);
  --lane-color-focus-ring: var(--lane-color-brand-300);
  --lane-color-feedback-success: var(--lane-color-green-500);
  --lane-color-feedback-warning: var(--lane-color-amber-500);
  --lane-color-feedback-error: var(--lane-color-red-500);
  --lane-color-icon-primary: var(--lane-color-text-default);
}