/* Erzeugt aus den Einstellungen unter Intern → Einstellungen → Design.
   Nicht von Hand ändern — die nächste Speicherung überschreibt alles.
   Theme: Vercel (vercel) */

/* --- Schriften ------------------------------------------------------- */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/inter-var.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/barlow-condensed-500.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/barlow-condensed-600.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/barlow-condensed-700.woff2') format('woff2')}
@font-face{font-family:'Caveat';font-style:normal;font-weight:500 600;font-display:swap;src:url('/fonts/caveat-var.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('/fonts/jetbrains-mono-var.woff2') format('woff2')}

:root{
  --accent: oklch(0.9400 0 0);
  --accent-foreground: oklch(0 0 0);
  --background: oklch(0.9900 0 0);
  --border: oklch(0.9200 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0 0 0);
  --chart-1: oklch(0.8100 0.1700 75.3500);
  --chart-2: oklch(0.5500 0.2200 264.5300);
  --chart-3: oklch(0.7200 0 0);
  --chart-4: oklch(0.9200 0 0);
  --chart-5: oklch(0.5600 0 0);
  --destructive: oklch(0.6300 0.1900 23.0300);
  --destructive-foreground: oklch(1 0 0);
  --foreground: oklch(0 0 0);
  --input: oklch(0.9400 0 0);
  --letter-spacing: 0em;
  --muted: oklch(0.9700 0 0);
  --muted-foreground: oklch(0.4400 0 0);
  --popover: oklch(0.9900 0 0);
  --popover-foreground: oklch(0 0 0);
  --primary: oklch(0 0 0);
  --primary-foreground: oklch(1 0 0);
  --radius: 0.5rem;
  --ring: oklch(0 0 0);
  --secondary: oklch(0.9400 0 0);
  --secondary-foreground: oklch(0 0 0);
  --shadow: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
  --shadow-2xl: 0px 1px 2px 0px hsl(0 0% 0% / 0.45);
  --shadow-2xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
  --shadow-blur: 2px;
  --shadow-color: hsl(0 0% 0%);
  --shadow-lg: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 4px 6px -1px hsl(0 0% 0% / 0.18);
  --shadow-md: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 2px 4px -1px hsl(0 0% 0% / 0.18);
  --shadow-offset-x: 0px;
  --shadow-offset-y: 1px;
  --shadow-opacity: 0.18;
  --shadow-sm: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
  --shadow-spread: 0px;
  --shadow-xl: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 8px 10px -1px hsl(0 0% 0% / 0.18);
  --shadow-xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
  --sidebar: oklch(0.9900 0 0);
  --sidebar-accent: oklch(0.9400 0 0);
  --sidebar-accent-foreground: oklch(0 0 0);
  --sidebar-border: oklch(0.9400 0 0);
  --sidebar-foreground: oklch(0 0 0);
  --sidebar-primary: oklch(0 0 0);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-ring: oklch(0 0 0);
  --spacing: 0.25rem;
  --tracking-normal: 0em;
  --tracking-tight: calc(var(--tracking-normal) - 0.025em);
  --tracking-tighter: calc(var(--tracking-normal) - 0.05em);
  --tracking-wide: calc(var(--tracking-normal) + 0.025em);
  --tracking-wider: calc(var(--tracking-normal) + 0.05em);
  --tracking-widest: calc(var(--tracking-normal) + 0.1em);
}

/* Nachgezogen, wo das Theme für Fließtext zu wenig Kontrast mitbringt. */
:root{
  --accent-strong: #000000;
  --primary-strong: #000000;
  --foreground-soft: #747474;
}

:root{
  --font-sans-site: 'Inter', system-ui, sans-serif;
  --font-display-site: 'Barlow Condensed', system-ui, sans-serif;
  --font-accent-site: 'Caveat', cursive;
  --font-mono-site: 'JetBrains Mono', ui-monospace, monospace;
}

:root.dark, .dark{
  --accent: oklch(0.3200 0 0);
  --accent-foreground: oklch(1 0 0);
  --background: oklch(0 0 0);
  --border: oklch(0.2600 0 0);
  --card: oklch(0.1400 0 0);
  --card-foreground: oklch(1 0 0);
  --chart-1: oklch(0.8100 0.1700 75.3500);
  --chart-2: oklch(0.5800 0.2100 260.8400);
  --chart-3: oklch(0.5600 0 0);
  --chart-4: oklch(0.4400 0 0);
  --chart-5: oklch(0.9200 0 0);
  --destructive: oklch(0.6900 0.2000 23.9100);
  --destructive-foreground: oklch(0 0 0);
  --foreground: oklch(1 0 0);
  --input: oklch(0.3200 0 0);
  --letter-spacing: 0em;
  --muted: oklch(0.2300 0 0);
  --muted-foreground: oklch(0.7200 0 0);
  --popover: oklch(0.1800 0 0);
  --popover-foreground: oklch(1 0 0);
  --primary: oklch(1 0 0);
  --primary-foreground: oklch(0 0 0);
  --radius: 0.5rem;
  --ring: oklch(0.7200 0 0);
  --secondary: oklch(0.2500 0 0);
  --secondary-foreground: oklch(1 0 0);
  --shadow: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
  --shadow-2xl: 0px 1px 2px 0px hsl(0 0% 0% / 0.45);
  --shadow-2xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
  --shadow-blur: 2px;
  --shadow-color: hsl(0 0% 0%);
  --shadow-lg: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 4px 6px -1px hsl(0 0% 0% / 0.18);
  --shadow-md: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 2px 4px -1px hsl(0 0% 0% / 0.18);
  --shadow-offset-x: 0px;
  --shadow-offset-y: 1px;
  --shadow-opacity: 0.18;
  --shadow-sm: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
  --shadow-spread: 0px;
  --shadow-xl: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 8px 10px -1px hsl(0 0% 0% / 0.18);
  --shadow-xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
  --sidebar: oklch(0.1800 0 0);
  --sidebar-accent: oklch(0.3200 0 0);
  --sidebar-accent-foreground: oklch(1 0 0);
  --sidebar-border: oklch(0.3200 0 0);
  --sidebar-foreground: oklch(1 0 0);
  --sidebar-primary: oklch(1 0 0);
  --sidebar-primary-foreground: oklch(0 0 0);
  --sidebar-ring: oklch(0.7200 0 0);
  --spacing: 0.25rem;
}

/* Nachgezogen, wo das Theme für Fließtext zu wenig Kontrast mitbringt. */
:root.dark, .dark{
  --accent-strong: #ffffff;
  --primary-strong: #ffffff;
  --foreground-soft: #eaeaea;
}

:root{color-scheme:light}
:root.dark{color-scheme:dark}