/* AutoRestwert Designsystem — Design Tokens
 * AUTOMATISCH ERZEUGT aus design-system/tokens/tokens.json (Version 2.0.0).
 * Nicht von Hand bearbeiten: node design-system/scripts/build-tokens.mjs
 */

:root {
  --ar-color-neutral-0: #FFFFFF;
  --ar-color-neutral-25: #FAFBFC;
  --ar-color-neutral-50: #F4F6F8;
  --ar-color-neutral-100: #EBEFF3;
  --ar-color-neutral-200: #DCE2E9;
  --ar-color-neutral-300: #C3CCD6;
  --ar-color-neutral-400: #98A5B4;
  --ar-color-neutral-450: #7C8B9C;
  --ar-color-neutral-500: #6B7A8C;
  --ar-color-neutral-550: #5B6A7C;
  --ar-color-neutral-600: #52606F;
  --ar-color-neutral-700: #3E4A58;
  --ar-color-neutral-800: #2A333E;
  --ar-color-neutral-900: #191F27;
  --ar-color-neutral-950: #0E1318;
  --ar-color-brand-50: #EDFAF7;
  --ar-color-brand-100: #D3F2EB;
  --ar-color-brand-200: #A9E5DA;
  --ar-color-brand-300: #6FD2C2;
  --ar-color-brand-400: #35B7A4;
  --ar-color-brand-500: #17A08F;
  --ar-color-brand-600: #0E7F72;
  --ar-color-brand-700: #0E6E63;
  --ar-color-brand-800: #0C5850;
  --ar-color-brand-900: #0B4A44;
  --ar-color-brand-950: #052C28;
  --ar-color-success-50: #E4F5EA;
  --ar-color-success-100: #C6E9D3;
  --ar-color-success-500: #17845A;
  --ar-color-success-600: #10583A;
  --ar-color-success-700: #0C4630;
  --ar-color-warning-50: #FDF3E2;
  --ar-color-warning-100: #F7E3C0;
  --ar-color-warning-500: #B45309;
  --ar-color-warning-600: #92400E;
  --ar-color-warning-700: #7A4407;
  --ar-color-danger-50: #FDECEA;
  --ar-color-danger-100: #F8D2CD;
  --ar-color-danger-500: #C0362C;
  --ar-color-danger-600: #8C2418;
  --ar-color-danger-700: #741C12;
  --ar-color-info-50: #E7F0F9;
  --ar-color-info-100: #CBE0F0;
  --ar-color-info-500: #1F6FB2;
  --ar-color-info-600: #14486B;
  --ar-color-info-700: #103A57;
  --ar-surface-page: #F4F6F8;
  --ar-surface-raised: #FFFFFF;
  --ar-surface-sunken: #EBEFF3;
  --ar-surface-inverse: #0E1318;
  --ar-surface-brand: #EDFAF7;
  --ar-surface-disabled: #EBEFF3;
  --ar-text-default: #191F27;
  --ar-text-muted: #52606F;
  --ar-text-subtle: #5B6A7C;
  --ar-text-inverse: #FFFFFF;
  --ar-text-brand: #0E6E63;
  --ar-text-danger: #8C2418;
  --ar-text-on-disabled: #6B7A8C;
  --ar-border-default: #7C8B9C;
  --ar-border-strong: #6B7A8C;
  --ar-border-subtle: #DCE2E9;
  --ar-border-focus: #0E7F72;
  --ar-border-danger: #C0362C;
  --ar-border-divider: #DCE2E9;
  --ar-interactive-primary-bg: #0E7F72;
  --ar-interactive-primary-bg-hover: #0E6E63;
  --ar-interactive-primary-text: #FFFFFF;
  --ar-interactive-secondary-bg: #FFFFFF;
  --ar-interactive-secondary-border: #7C8B9C;
  --ar-interactive-secondary-text: #191F27;
  --ar-interactive-ghost-hover-bg: #EBEFF3;
  --ar-interactive-danger-bg: #8C2418;
  --ar-interactive-danger-bg-hover: #741C12;
  --ar-status-tone-neutral-bg: #EBEFF3;
  --ar-status-tone-neutral-fg: #2A333E;
  --ar-status-tone-neutral-border: #C3CCD6;
  --ar-status-tone-neutral-dot: #52606F;
  --ar-status-tone-brand-bg: #D3F2EB;
  --ar-status-tone-brand-fg: #0C5850;
  --ar-status-tone-brand-border: #6FD2C2;
  --ar-status-tone-brand-dot: #0E7F72;
  --ar-status-tone-info-bg: #E7F0F9;
  --ar-status-tone-info-fg: #14486B;
  --ar-status-tone-info-border: #CBE0F0;
  --ar-status-tone-info-dot: #1F6FB2;
  --ar-status-tone-success-bg: #E4F5EA;
  --ar-status-tone-success-fg: #10583A;
  --ar-status-tone-success-border: #C6E9D3;
  --ar-status-tone-success-dot: #17845A;
  --ar-status-tone-warning-bg: #FDF3E2;
  --ar-status-tone-warning-fg: #7A4407;
  --ar-status-tone-warning-border: #F7E3C0;
  --ar-status-tone-warning-dot: #B45309;
  --ar-status-tone-danger-bg: #FDECEA;
  --ar-status-tone-danger-fg: #741C12;
  --ar-status-tone-danger-border: #F8D2CD;
  --ar-status-tone-danger-dot: #C0362C;
  --ar-brand-ink: #0E1318;
  --ar-brand-petrol: #17A08F;
  --ar-brand-petrol-deep: #0E6E63;
  --ar-brand-on-ink: #FFFFFF;
  --ar-font-family-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --ar-font-family-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
  --ar-font-size-xs: 0.75rem;
  --ar-font-size-sm: 0.8125rem;
  --ar-font-size-base: 0.875rem;
  --ar-font-size-md: 1rem;
  --ar-font-size-lg: 1.125rem;
  --ar-font-size-xl: 1.375rem;
  --ar-font-size-2xl: 1.75rem;
  --ar-font-size-3xl: 2.25rem;
  --ar-font-size-4xl: 3rem;
  --ar-font-size-5xl: 3.75rem;
  --ar-font-line-height-tight: 1.15;
  --ar-font-line-height-snug: 1.3;
  --ar-font-line-height-normal: 1.5;
  --ar-font-line-height-relaxed: 1.65;
  --ar-font-weight-regular: 400;
  --ar-font-weight-medium: 500;
  --ar-font-weight-semibold: 600;
  --ar-font-weight-bold: 700;
  --ar-font-tracking-tight: -0.015em;
  --ar-font-tracking-normal: 0;
  --ar-font-tracking-wide: 0.02em;
  --ar-font-tracking-caps: 0.07em;
  --ar-space-0: 0;
  --ar-space-1: 0.25rem;
  --ar-space-2: 0.5rem;
  --ar-space-3: 0.75rem;
  --ar-space-4: 1rem;
  --ar-space-5: 1.25rem;
  --ar-space-6: 1.5rem;
  --ar-space-7: 1.75rem;
  --ar-space-8: 2rem;
  --ar-space-10: 2.5rem;
  --ar-space-12: 3rem;
  --ar-space-16: 4rem;
  --ar-space-20: 5rem;
  --ar-space-24: 6rem;
  --ar-radius-none: 0;
  --ar-radius-sm: 0.1875rem;
  --ar-radius-md: 0.375rem;
  --ar-radius-lg: 0.625rem;
  --ar-radius-xl: 0.875rem;
  --ar-radius-2xl: 1.25rem;
  --ar-radius-full: 9999px;
  --ar-shadow-xs: 0 1px 2px rgba(14, 19, 24, 0.06);
  --ar-shadow-sm: 0 1px 3px rgba(14, 19, 24, 0.10), 0 1px 2px rgba(14, 19, 24, 0.06);
  --ar-shadow-md: 0 4px 8px -2px rgba(14, 19, 24, 0.10), 0 2px 4px -2px rgba(14, 19, 24, 0.06);
  --ar-shadow-lg: 0 12px 24px -6px rgba(14, 19, 24, 0.14), 0 4px 8px -4px rgba(14, 19, 24, 0.08);
  --ar-shadow-xl: 0 24px 48px -12px rgba(14, 19, 24, 0.22), 0 8px 16px -8px rgba(14, 19, 24, 0.12);
  --ar-shadow-focus: 0 0 0 3px rgba(14, 127, 114, 0.32);
  --ar-icon-sm: 1rem;
  --ar-icon-md: 1.25rem;
  --ar-icon-lg: 1.5rem;
  --ar-icon-xl: 2rem;
  --ar-motion-duration-instant: 0ms;
  --ar-motion-duration-fast: 120ms;
  --ar-motion-duration-base: 180ms;
  --ar-motion-duration-slow: 240ms;
  --ar-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --ar-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);
  --ar-motion-easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --ar-layout-breakpoint-sm: 40rem;
  --ar-layout-breakpoint-md: 48rem;
  --ar-layout-breakpoint-lg: 64rem;
  --ar-layout-breakpoint-xl: 80rem;
  --ar-layout-breakpoint-2xl: 96rem;
  --ar-layout-container-narrow: 40rem;
  --ar-layout-container-default: 72rem;
  --ar-layout-container-wide: 88rem;
  --ar-layout-control-height-sm: 1.75rem;
  --ar-layout-control-height-md: 2.25rem;
  --ar-layout-control-height-lg: 2.75rem;
  --ar-layout-sidebar: 16.5rem;
  --ar-layout-topbar: 3.5rem;
  --ar-layout-z-index-base: 0;
  --ar-layout-z-index-sticky: 100;
  --ar-layout-z-index-drawer: 200;
  --ar-layout-z-index-modal: 300;
  --ar-layout-z-index-toast: 400;
  --ar-layout-z-index-tooltip: 500;
  --ar-accessibility-standard: WCAG 2.2 Level AA;
  --ar-accessibility-min-target-size: 24px;
  --ar-accessibility-focus-ring-width: 2px;
}