/* Erzeugt aus dem audics Designsystem (Artifact TKXTBG1onSt3ubgH2tWRBd, Version 8). Werte aus der App.
   Nicht von Hand ändern: Änderungen gehen ins Designsystem, danach diese Datei neu erzeugen. */
:root,
[data-theme="light"] {
  --font-family-primary: "Inter Variable", system-ui, sans-serif;
  --color-brand-yellow: #fae300;
  --color-brand-black: #121212;
  --color-accent-primary: var(--color-brand-yellow);
  --color-accent-primary-foreground: var(--color-brand-black);
  --color-foreground: #1a1a1a;
  --color-foreground-secondary: #383834;
  --color-foreground-tertiary: #666665;
  --color-background: #f7f7f5;
  --color-background-secondary: #fcfcfc;
  --color-background-tertiary: #d9d9d7;
  --color-border: #d9d9d7;
  --color-border-subtle: #f1f1f1;
  --color-hover-overlay: rgba(0, 0, 0, 0.04);
  --color-control-surface-selected: #383834;
  --color-control-foreground-selected: #f7f7f5;
  --color-success: #237a3b;
  --color-warning: #b94d00;
  --color-error: #c0392b;
  --color-success-surface: #7fd28f;
  --color-warning-surface: #f58020;
  --color-error-surface: #ff6f61;
  --color-text-on-status: #000000;
  --color-data-1: #0072b2;
  --color-data-2: #b94d00;
  --color-data-3: #007a5e;
  --color-data-4: #984f79;
  --color-data-5: #157b8f;
  --color-data-6: var(--color-foreground);
  --color-spatial-precision: #42f9ff;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-black: 900;
  --spacing-2xs: 0.125rem;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --spacing-4xl: 6rem;
  --spacing-5xl: 8rem;
  --radius-control: 0.25rem;
  --radius-surface: 0.5rem;
  --radius-full: 9999px;
  --shadow-control: inset 0 0 0 0.5px rgb(26 26 26 / 0.08), 0 2px 6px -2px rgb(0 0 0 / 0.18);
  --shadow-panel: 0 10px 28px -16px rgb(0 0 0 / 0.22);
  --shadow-overlay: 0 14px 36px -16px rgb(0 0 0 / 0.28);
  --shadow-media: 0 40px 80px -40px rgb(0 0 0 / 0.35), 0 0 0 1px rgb(26 26 26 / 0.06);
  --control-height: 1.5rem;
  --control-height-large: 2rem;
  --row-height: 2.5rem;
  --row-height-compact: 2rem;
  --row-height-dense: 1.5rem;
  --icon-size-compact: 12px;
  --icon-size-sm: 16px;
  --icon-size-lg: 24px;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --control-height-xl: 3rem;
  --site-nav-height: 4rem;
  --site-content-width: 75rem;
  --site-text-width: 42.5rem;
  --opacity-disabled: 0.48;
  color-scheme: light;
}
[data-theme="dark"] {
  --color-foreground: #f7f7f5;
  --color-foreground-secondary: #b0b0ad;
  --color-foreground-tertiary: #929290;
  --color-background: #1f1e1c;
  --color-background-secondary: #2a2926;
  --color-background-tertiary: #383834;
  --color-border: #454542;
  --color-border-subtle: #383834;
  --color-hover-overlay: rgba(255, 255, 255, 0.08);
  --color-control-surface-selected: #d9d9d7;
  --color-control-foreground-selected: #1f1e1c;
  --color-success: #7fd28f;
  --color-warning: #f58020;
  --color-error: #ff6f61;
  --color-data-1: #56b4e9;
  --color-data-2: #e69f00;
  --color-data-3: #4cc9a0;
  --color-data-4: #cc79a7;
  --color-data-5: #72c8d8;
  --shadow-control: inset 0 0 0 0.5px rgb(247 247 245 / 0.08), 0 2px 4px -3px rgb(0 0 0 / 0.35);
  --shadow-panel: 0 10px 24px -10px rgb(0 0 0 / 0.396);
  --shadow-overlay: 0 14px 36px -16px rgb(0 0 0 / 0.6);
  --shadow-media: 0 40px 80px -40px rgb(0 0 0 / 0.7), 0 0 0 1px rgb(247 247 245 / 0.08);
  color-scheme: dark;
}