@layer base {
  :root {
    --background: #eef6f3;
    --foreground: #12241f;
    --card: #ffffff;
    --card-foreground: #12241f;
    --popover: #ffffff;
    --popover-foreground: #12241f;
    --primary: #1d4ed8;
    --primary-foreground: #ffffff;
    --secondary: #d7eee6;
    --secondary-foreground: #12241f;
    --muted: #d7eee6;
    --muted-foreground: #4d6b64;
    --accent: #0d6d59;
    --accent-foreground: #ffffff;
    --destructive: #dc2626;
    --destructive-foreground: #ffffff;
    --border: #c3d8d2;
    --input: #8aa9a1;
    --ring: #0d6d59;
    --radius: 1.25rem;
    --font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif;
    --font-display: "Space Grotesk", var(--font-sans);
    --vibe-night: #092635;
    --vibe-deep: #06434c;
    --vibe-teal: #0d6d59;
    --vibe-aqua: #52a0a9;
    --vibe-mint: #c7f299;
    --vibe-cloud: #f3fde8;
    --vibe-on-dark: #f8fafc;
    --careerpass-messe: #0284c7;
    --careerpass-betriebserkundung: #c2410c;
    --careerpass-mini-praktikum: #7c3aed;
    --careerpass-praktikum: #0f766e;
    color-scheme: light;
  }

  .dark {
    --background: #172033;
    --foreground: #f8fafc;
    --card: #223047;
    --card-foreground: #f8fafc;
    --popover: #223047;
    --popover-foreground: #f8fafc;
    --primary: #60a5fa;
    --primary-foreground: #13213a;
    --secondary: #334155;
    --secondary-foreground: #f8fafc;
    --muted: #334155;
    --muted-foreground: #b6c2d3;
    --accent: #85db8a;
    --accent-foreground: #092635;
    --destructive: #f87171;
    --destructive-foreground: #3b1114;
    --border: #52637d;
    --input: #52637d;
    --ring: #60a5fa;
    --careerpass-messe: #38bdf8;
    --careerpass-betriebserkundung: #fbbf24;
    --careerpass-mini-praktikum: #c4b5fd;
    --careerpass-praktikum: #5eead4;
    color-scheme: dark;
  }
}

@media (prefers-color-scheme: dark) {
  :root:not(.light) {
    --background: #172033;
    --foreground: #f8fafc;
    --card: #223047;
    --card-foreground: #f8fafc;
    --popover: #223047;
    --popover-foreground: #f8fafc;
    --primary: #60a5fa;
    --primary-foreground: #13213a;
    --secondary: #334155;
    --secondary-foreground: #f8fafc;
    --muted: #334155;
    --muted-foreground: #b6c2d3;
    --accent: #85db8a;
    --accent-foreground: #092635;
    --destructive: #f87171;
    --destructive-foreground: #3b1114;
    --border: #52637d;
    --input: #52637d;
    --ring: #60a5fa;
    --careerpass-messe: #38bdf8;
    --careerpass-betriebserkundung: #fbbf24;
    --careerpass-mini-praktikum: #c4b5fd;
    --careerpass-praktikum: #5eead4;
    color-scheme: dark;
  }
}