/* GENERIERT aus tokens/ (Designhandbuch 0.2.0) – nicht von Hand ändern. */
:root {
  color-scheme: light;
  --color-bg-canvas: #F1F5F6;
  --color-bg-surface: #FFFFFF;
  --color-bg-surface-raised: #FFFFFF;
  --color-bg-surface-sunken: #F8FAFB;
  --color-bg-subtle: #E7ECEF;
  --color-bg-hover: #EBEFF1;
  --color-bg-selected: #EBF3F8;
  --color-bg-sidebar: #E4E9ED;
  --color-bg-scrim: #18191A99;
  --color-bg-disabled: #E7ECEF;
  --color-bg-readonly: #F8FAFB;
  --color-text-primary: #1D1F20;
  --color-text-secondary: #404447;
  --color-text-muted: #565C5F;
  --color-text-disabled: #979FA4;
  --color-text-inverse: #FFFFFF;
  --color-text-link: #1C4C62;
  --color-text-on-primary: #FFFFFF;
  --color-text-brand: #1C4C62;
  --color-border-subtle: #DFE4E8;
  --color-border-default: #D7DDE1;
  --color-border-strong: #7E868A;
  --color-border-focus: #255F79;
  --color-border-disabled: #D7DDE1;
  --color-border-invalid: #A8201A;
  --color-action-primary-bg: #1C4C62;
  --color-action-primary-bg-hover: #163C4E;
  --color-action-primary-fg: #FFFFFF;
  --color-action-secondary-bg: #FFFFFF;
  --color-action-secondary-bg-hover: #E7ECEF;
  --color-action-secondary-fg: #1D1F20;
  --color-action-secondary-border: #72797D;
  --color-action-danger-bg: #A8201A;
  --color-action-danger-bg-hover: #8A1A15;
  --color-action-danger-fg: #FFFFFF;
  --color-feedback-error-fg: #A8201A;
  --color-feedback-error-bg: #FCEDEB;
  --color-feedback-error-border: #E7A39C;
  --color-feedback-warning-fg: #7A4B00;
  --color-feedback-warning-bg: #FDF3DC;
  --color-feedback-warning-border: #E5C27A;
  --color-feedback-success-fg: #25603B;
  --color-feedback-success-bg: #E9F5EC;
  --color-feedback-success-border: #9FCDAE;
  --color-feedback-info-fg: #21508F;
  --color-feedback-info-bg: #EDF2FB;
  --color-feedback-info-border: #A9C0E6;
  --color-status-neutral-fg: #43474A;
  --color-status-neutral-bg: #EBEFF1;
  --color-status-neutral-border: #979FA4;
  --color-status-neutral-solid: #72797D;
  --color-status-yellow-fg: #6B5410;
  --color-status-yellow-bg: #F7F0DA;
  --color-status-yellow-border: #D9C27E;
  --color-status-yellow-solid: #9A7A1E;
  --color-status-blue-fg: #21508F;
  --color-status-blue-bg: #EAF0FA;
  --color-status-blue-border: #A9C0E6;
  --color-status-blue-solid: #2A5DB0;
  --color-status-green-fg: #25603B;
  --color-status-green-bg: #E9F4EC;
  --color-status-green-border: #9FCDAE;
  --color-status-green-solid: #2F7A4B;
  --color-status-olive-fg: #4E5919;
  --color-status-olive-bg: #EFF2E7;
  --color-status-olive-border: #BCC697;
  --color-status-olive-solid: #64711F;
  --color-status-orange-fg: #8A4210;
  --color-status-orange-bg: #FBEFE4;
  --color-status-orange-border: #E6B48C;
  --color-status-orange-solid: #A1500F;
  --color-status-red-fg: #A8201A;
  --color-status-red-bg: #FCEDEB;
  --color-status-red-border: #E7A39C;
  --color-status-red-solid: #B42318;
  --color-status-violet-fg: #5A3F8A;
  --color-status-violet-bg: #F2EEF9;
  --color-status-violet-border: #C3B4E0;
  --color-status-violet-solid: #6A4C9C;
  --color-data-negative: #A8201A;
  --color-data-positive: #25603B;
  --color-data-chart-1: #0D5057;
  --color-data-chart-2: #B8902E;
  --color-data-chart-3: #2A5DB0;
  --color-data-chart-4: #A1500F;
  --color-field-bg: #FFFFFF;
  --color-field-border: #7E868A;
  --color-field-placeholder: #565C5F;
  --color-accent-fill: #95C11F;
  --color-accent-text: #5A7800;
  --color-accent-on-fill: #131314;
  --color-accent-secondary: #575756;
  --typography-fontFamily-sans: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --typography-fontFamily-display: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --typography-fontFamily-mono: "IBM Plex Mono", Consolas, monospace;
  --typography-fontWeight-regular: 400;
  --typography-fontWeight-medium: 500;
  --typography-fontWeight-semibold: 600;
  --typography-fontWeight-bold: 700;
  --typography-fontSize-2xs: 11px;
  --typography-fontSize-xs: 12px;
  --typography-fontSize-sm: 13px;
  --typography-fontSize-md: 14px;
  --typography-fontSize-lg: 16px;
  --typography-fontSize-xl: 19px;
  --typography-fontSize-2xl: 24px;
  --typography-fontSize-3xl: 30px;
  --typography-lineHeight-tight: 1.2;
  --typography-lineHeight-snug: 1.35;
  --typography-lineHeight-normal: 1.5;
  --typography-letterSpacing-caps: 0.06rem;
  --typography-letterSpacing-tight: -0.01rem;
  --typography-density-body: 14px;
  --typography-density-table: 13px;
  --space-0: 0px;
  --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;
  --space-px: 1px;
  --space-0-5: 2px;
  --space-1-5: 6px;
  --space-layout-sidebar-width: 236px;
  --space-layout-sidebar-width-collapsed: 60px;
  --space-layout-topbar-height: 52px;
  --space-layout-side-panel-width: 344px;
  --space-layout-row-height-compact: 32px;
  --space-layout-row-height-comfortable: 44px;
  --space-layout-control-height: 34px;
  --space-layout-control-height-sm: 28px;
  --space-layout-target-min: 24px;
  --space-layout-statusbar-height: 40px;
  --space-layout-accent-stripe: 3px;
  --space-layout-status-stripe: 4px;
  --space-layout-footer-height: 28px;
  --space-layout-palette-width: 640px;
  --space-layout-dialog-width-sm: 420px;
  --space-layout-dialog-width-md: 560px;
  --space-layout-dialog-width-lg: 800px;
  --space-density-row-height: 32px;
  --space-density-control-height: 34px;
  --space-density-target-min: 24px;
  --radius-none: 0px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-full: 999px;
  --shadow-sm: 0px 1px 2px 0px #18191A0F;
  --shadow-md: 0px 4px 12px -2px #18191A14;
  --shadow-overlay: 0px 18px 48px -8px #18191A33;
  --motion-duration-instant: 0ms;
  --motion-duration-fast: 120ms;
  --motion-duration-base: 180ms;
  --motion-duration-slow: 260ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);
  --motion-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --motion-timing-skeleton-delay: 300ms;
  --motion-timing-toast: 5000ms;
  --motion-timing-toast-undo: 8000ms;
  --z-base: 0;
  --z-sticky: 10;
  --z-sidebar: 20;
  --z-topbar: 30;
  --z-dropdown: 40;
  --z-panel: 50;
  --z-dialog: 60;
  --z-palette: 70;
  --z-toast: 80;
  --breakpoint-handheld: 360px;
  --breakpoint-tablet: 768px;
  --breakpoint-laptop: 1024px;
  --breakpoint-desktop: 1280px;
}
[data-theme="dark"] {
  color-scheme: dark;
  --color-bg-canvas: #131314;
  --color-bg-surface: #18191A;
  --color-bg-surface-raised: #1D1F20;
  --color-bg-surface-sunken: #151617;
  --color-bg-subtle: #262829;
  --color-bg-hover: #212325;
  --color-bg-selected: #182E38;
  --color-bg-sidebar: #0F0F10;
  --color-bg-scrim: #000000B3;
  --color-bg-disabled: #262829;
  --color-bg-readonly: #151617;
  --color-text-primary: #E7ECEF;
  --color-text-secondary: #BDC5CA;
  --color-text-muted: #979FA4;
  --color-text-disabled: #595F62;
  --color-text-inverse: #131314;
  --color-text-link: #77ADC8;
  --color-text-on-primary: #0A1E27;
  --color-text-brand: #A8CCDE;
  --color-border-subtle: #27292A;
  --color-border-default: #35383A;
  --color-border-strong: #72797D;
  --color-border-focus: #77ADC8;
  --color-border-disabled: #35383A;
  --color-border-invalid: #F4A39B;
  --color-action-primary-bg: #77ADC8;
  --color-action-primary-bg-hover: #A8CCDE;
  --color-action-primary-fg: #0A1E27;
  --color-action-secondary-bg: #262829;
  --color-action-secondary-bg-hover: #2F3234;
  --color-action-secondary-fg: #E7ECEF;
  --color-action-danger-bg: #F08A80;
  --color-action-danger-bg-hover: #F6ABA3;
  --color-action-danger-fg: #2B0B08;
  --color-feedback-error-fg: #F4A39B;
  --color-feedback-error-bg: #3A1714;
  --color-feedback-error-border: #7A2A23;
  --color-feedback-warning-fg: #F0C46A;
  --color-feedback-warning-bg: #33270E;
  --color-feedback-warning-border: #6B5220;
  --color-feedback-success-fg: #8FD3A6;
  --color-feedback-success-bg: #14291B;
  --color-feedback-success-border: #2C5A3A;
  --color-feedback-info-fg: #A9C4EE;
  --color-feedback-info-bg: #16233A;
  --color-feedback-info-border: #2E4670;
  --color-status-neutral-fg: #CCD3D7;
  --color-status-neutral-bg: #27292A;
  --color-status-neutral-border: #72797D;
  --color-status-neutral-solid: #979FA4;
  --color-status-yellow-fg: #E6CF8A;
  --color-status-yellow-bg: #2E2610;
  --color-status-yellow-border: #5E4E1E;
  --color-status-yellow-solid: #D4B25A;
  --color-status-blue-fg: #B3CBF2;
  --color-status-blue-bg: #17243A;
  --color-status-blue-border: #34507E;
  --color-status-blue-solid: #7FA3E0;
  --color-status-green-fg: #9AD6AE;
  --color-status-green-bg: #15291C;
  --color-status-green-border: #2E5B3C;
  --color-status-green-solid: #6CC08A;
  --color-status-olive-fg: #C0CD8F;
  --color-status-olive-bg: #222612;
  --color-status-olive-border: #4C5524;
  --color-status-olive-solid: #A4B55D;
  --color-status-orange-fg: #F2B88C;
  --color-status-orange-bg: #36200F;
  --color-status-orange-border: #6E3F1C;
  --color-status-orange-solid: #E39A62;
  --color-status-red-fg: #F4A39B;
  --color-status-red-bg: #3A1714;
  --color-status-red-border: #7A2A23;
  --color-status-red-solid: #EE7B70;
  --color-status-violet-fg: #CDBBEA;
  --color-status-violet-bg: #261E36;
  --color-status-violet-border: #4E3F70;
  --color-status-violet-solid: #A88FD6;
  --color-data-negative: #F4A39B;
  --color-data-positive: #9AD6AE;
  --color-data-chart-1: #6EB2B6;
  --color-data-chart-2: #E2C276;
  --color-data-chart-3: #7FA3E0;
  --color-data-chart-4: #E39A62;
  --color-field-bg: #1D1F20;
  --color-field-border: #72797D;
  --color-field-placeholder: #979FA4;
  --color-accent-text: #95C11F;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-bg-canvas: #131314;
    --color-bg-surface: #18191A;
    --color-bg-surface-raised: #1D1F20;
    --color-bg-surface-sunken: #151617;
    --color-bg-subtle: #262829;
    --color-bg-hover: #212325;
    --color-bg-selected: #182E38;
    --color-bg-sidebar: #0F0F10;
    --color-bg-scrim: #000000B3;
    --color-bg-disabled: #262829;
    --color-bg-readonly: #151617;
    --color-text-primary: #E7ECEF;
    --color-text-secondary: #BDC5CA;
    --color-text-muted: #979FA4;
    --color-text-disabled: #595F62;
    --color-text-inverse: #131314;
    --color-text-link: #77ADC8;
    --color-text-on-primary: #0A1E27;
    --color-text-brand: #A8CCDE;
    --color-border-subtle: #27292A;
    --color-border-default: #35383A;
    --color-border-strong: #72797D;
    --color-border-focus: #77ADC8;
    --color-border-disabled: #35383A;
    --color-border-invalid: #F4A39B;
    --color-action-primary-bg: #77ADC8;
    --color-action-primary-bg-hover: #A8CCDE;
    --color-action-primary-fg: #0A1E27;
    --color-action-secondary-bg: #262829;
    --color-action-secondary-bg-hover: #2F3234;
    --color-action-secondary-fg: #E7ECEF;
    --color-action-danger-bg: #F08A80;
    --color-action-danger-bg-hover: #F6ABA3;
    --color-action-danger-fg: #2B0B08;
    --color-feedback-error-fg: #F4A39B;
    --color-feedback-error-bg: #3A1714;
    --color-feedback-error-border: #7A2A23;
    --color-feedback-warning-fg: #F0C46A;
    --color-feedback-warning-bg: #33270E;
    --color-feedback-warning-border: #6B5220;
    --color-feedback-success-fg: #8FD3A6;
    --color-feedback-success-bg: #14291B;
    --color-feedback-success-border: #2C5A3A;
    --color-feedback-info-fg: #A9C4EE;
    --color-feedback-info-bg: #16233A;
    --color-feedback-info-border: #2E4670;
    --color-status-neutral-fg: #CCD3D7;
    --color-status-neutral-bg: #27292A;
    --color-status-neutral-border: #72797D;
    --color-status-neutral-solid: #979FA4;
    --color-status-yellow-fg: #E6CF8A;
    --color-status-yellow-bg: #2E2610;
    --color-status-yellow-border: #5E4E1E;
    --color-status-yellow-solid: #D4B25A;
    --color-status-blue-fg: #B3CBF2;
    --color-status-blue-bg: #17243A;
    --color-status-blue-border: #34507E;
    --color-status-blue-solid: #7FA3E0;
    --color-status-green-fg: #9AD6AE;
    --color-status-green-bg: #15291C;
    --color-status-green-border: #2E5B3C;
    --color-status-green-solid: #6CC08A;
    --color-status-olive-fg: #C0CD8F;
    --color-status-olive-bg: #222612;
    --color-status-olive-border: #4C5524;
    --color-status-olive-solid: #A4B55D;
    --color-status-orange-fg: #F2B88C;
    --color-status-orange-bg: #36200F;
    --color-status-orange-border: #6E3F1C;
    --color-status-orange-solid: #E39A62;
    --color-status-red-fg: #F4A39B;
    --color-status-red-bg: #3A1714;
    --color-status-red-border: #7A2A23;
    --color-status-red-solid: #EE7B70;
    --color-status-violet-fg: #CDBBEA;
    --color-status-violet-bg: #261E36;
    --color-status-violet-border: #4E3F70;
    --color-status-violet-solid: #A88FD6;
    --color-data-negative: #F4A39B;
    --color-data-positive: #9AD6AE;
    --color-data-chart-1: #6EB2B6;
    --color-data-chart-2: #E2C276;
    --color-data-chart-3: #7FA3E0;
    --color-data-chart-4: #E39A62;
    --color-field-bg: #1D1F20;
    --color-field-border: #72797D;
    --color-field-placeholder: #979FA4;
    --color-accent-text: #95C11F;
  }
}
[data-density="comfortable"] {
  --typography-density-body: 16px;
  --typography-density-table: 15px;
  --space-density-row-height: 44px;
  --space-density-control-height: 44px;
  --space-density-target-min: 44px;
}
[data-brand="teamlog"] {
  --color-accent-fill: #F67D00;
  --color-accent-text: #AD5600;
  --color-accent-secondary: #333E48;
}
[data-theme="dark"][data-brand="teamlog"] {
  --color-accent-fill: #F67D00;
  --color-accent-text: #F67D00;
  --color-accent-secondary: #333E48;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"])[data-brand="teamlog"] {
    --color-accent-fill: #F67D00;
    --color-accent-text: #F67D00;
    --color-accent-secondary: #333E48;
  }
}