/* ============================================================
   shadcn-custom.css — Projekt-spezifische Overrides
   
   Diese Datei wird NIE automatisch überschrieben.
   Alle Regeln hier gewinnen über shadcn-static.css dank @layer.
   
   Workflow:
     1. Klasse/Token aus shadcn-static.css kopieren
     2. Hier anpassen
     3. Fertig — überlebt jedes Upstream-Update
   ============================================================ */

@layer custom {

/* ==========================================================
   TOKENS — Farben, Radius, Fonts anpassen
   Einfach die Variable überschreiben. Wirkt global.
   ========================================================== */

/*
:root {
  --primary: oklch(0.55 0.2 260);
  --primary-foreground: oklch(0.98 0 0);
  --radius: 0.5rem;
  --font-sans: "Inter", system-ui, sans-serif;
}

.dark {
  --primary: oklch(0.7 0.15 260);
}
*/

/* ==========================================================
   KOMPONENTEN — Einzelne Komponenten überschreiben
   ========================================================== */

/* Beispiel: Buttons runder machen */
/*
.btn {
  border-radius: 9999px;
  letter-spacing: 0.025em;
}
*/

/* Beispiel: Card-Schatten verstärken */
/*
.card {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
*/

/* Beispiel: Eigene Badge-Variante */
/*
.badge-brand {
  background-color: var(--primary);
  color: var(--primary-foreground);
  border: none;
}
*/

/* ==========================================================
   PROJEKT-SPEZIFISCH — Eigene Klassen die auf den
   Design-Tokens aufbauen
   ========================================================== */

/*
.hero-gradient {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: var(--primary-foreground);
}
*/

} /* end @layer custom */