/* Qabl GmbH – generiert aus tokens.json des Design Systems */
@font-face { font-family: "Circe Rounded"; src: url("../fonts/CirceRounded-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Circe Rounded"; src: url("../fonts/CirceRounded-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Circe Rounded"; src: url("../fonts/CirceRounded-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Circe Rounded"; src: url("../fonts/CirceRounded-ExtraBold.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }

:root {
  color-scheme: light;
  --font-sans: "Circe Rounded", "Nunito", "Varela Round", system-ui, sans-serif;
  --qabl-rot: #E53C34;
  --qabl-rose: #BD5354;
  --qabl-mauve: #956A74;
  --qabl-schiefer: #6D8194;
  --qabl-anthrazit: #332E2D;
  --qabl-rot-tief: #CE362F;
  --qabl-schiefer-tief: #627485;
  --qabl-rot-70: #ED7671;
  --qabl-rose-70: #D18787;
  --qabl-mauve-70: #B5979E;
  --qabl-schiefer-70: #99A7B4;
  --qabl-rose-50: #DEA9AA;
  --qabl-schiefer-25: #DAE0E4;
  --surface: #FFFFFF;
  --surface-alt: #F4F1F2;
  --line: #E4DEDC;
  --ink: #332E2D;
  --ink-muted: #6B6362;
  --ink-on-dark: #FFFFFF;
  --ink-error: var(--qabl-rot-tief);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 32px;
  --radius-pill: 9999px;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  color-scheme: dark;
  --qabl-rot-70: #A02A24;
  --qabl-rose-70: #843A3B;
  --qabl-mauve-70: #684A51;
  --qabl-schiefer-70: #4C5A68;
  --qabl-rose-50: #5E2A2A;
  --qabl-schiefer-25: #1B2025;
  --surface: #000000;
  --surface-alt: #1F1B1A;
  --line: #3A3433;
  --ink: #FFFFFF;
  --ink-muted: #B8B0AE;
  --ink-error: var(--qabl-rot);
} }
:root[data-theme="dark"] {
  color-scheme: dark;
  --qabl-rot-70: #A02A24;
  --qabl-rose-70: #843A3B;
  --qabl-mauve-70: #684A51;
  --qabl-schiefer-70: #4C5A68;
  --qabl-rose-50: #5E2A2A;
  --qabl-schiefer-25: #1B2025;
  --surface: #000000;
  --surface-alt: #1F1B1A;
  --line: #3A3433;
  --ink: #FFFFFF;
  --ink-muted: #B8B0AE;
  --ink-error: var(--qabl-rot);
}