/* EMBRACE CHANGE — Ebene 1: Token-Vertrag
 *
 * Feldnamen und Paar-Konvention folgen shadcn/ui (ui.shadcn.com/docs/theming):
 * jede Fläche hat ein zugehöriges *-foreground, der Suffix -background entfällt.
 *
 * Farbentscheidung (Lukas, 03.09.): Dieses Werkzeug läuft bewusst ohne die
 * Unternehmens-CI. Kein Türkis, keine Navy-Tinte, keine kühlen Neutralen.
 * Die Palette kommt aus seinem Feedback: Creme als Grund, Hellgrün für die
 * Aktion, warmes Hellblau für Ruheflächen. Wörtlich: „das wird ein Tool, wo
 * wir unsere Farben nicht mit einbinden".
 *
 * Alle Textpaare sind gemessen (scratch/kontrast.mjs, 03.09.):
 *   Tinte auf Creme 13,3:1 · Fließtext 8,7:1 · Nebentext 5,4:1
 *   Tinte auf Hellgrün 7,6:1 · Tinte auf Hellblau 7,9:1 · Grün-Akzent 4,6:1
 *
 * Bewusst nur helles Schema. Eine dunkle Variante würde die Bildsprache
 * umdrehen; color-scheme hält deshalb auch Formularelemente hell.
 */

:root {
  color-scheme: light;

  /* Flächen. Creme, nicht Weiß: Weiß wirkt neben den Fotos wie Büro. */
  --background: #faf6ee;
  --foreground: #2c2a24;
  --card: #fffdf9;
  --card-foreground: #2c2a24;
  --popover: #fffdf9;
  --popover-foreground: #2c2a24;

  /* Aktionen. Hellgrün trägt dunkles Grün als Schrift: 7,6:1.
     Weiße Schrift auf Hellgrün käme nur auf 1,6:1 und fiele durch. */
  --primary: #a9d5a2;
  --primary-hover: #98cb90;
  --primary-foreground: #1d3a24;
  --secondary: #d3e6ef;
  --secondary-hover: #c3dce8;
  --secondary-foreground: #274552;

  /* Ruhige Flächen und Text zweiter Ordnung */
  --muted: #f0e9db;
  --muted-foreground: #6b6455;
  --accent: #e4f0f5;
  --accent-foreground: #274552;

  /* Negativ. Der helle Ton ist die Markierung (✗, Rahmen),
     der dunklere derselben Farbe trägt Text. */
  --destructive: #f87171;
  --destructive-strong: #a32b29;

  /* Linien und Fokus. Der Fokusring ist das dunkle Grün der Aktion. */
  --border: #d8cdb4;
  --input: #fffdf9;
  --ring: #3f7d4c;
  --placeholder: #8a8272;

  /* Fließtext eine Stufe weicher als Überschriften */
  --body: #4b4639;

  /* Radius-Leiter, abgeleitet aus einem Grundwert */
  --radius: 16px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: var(--radius);
  --radius-xl: 24px;
  --radius-full: 999px;

  /* Abstände im 4er-Raster */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Schrift. Systemstapel statt Google Fonts: Die Seite verspricht
     Diskretion, da wäre ein Font-Abruf bei einem Dritten ein Widerspruch. */
  --font-serif: "Iowan Old Style", "Source Serif 4", "Source Serif Pro", Charter,
    "Palatino Linotype", Palatino, Georgia, serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue",
    Arial, sans-serif;

  /* Bewegung: kurz, gerichtet, austretende Elemente schneller als eintretende */
  --ease: cubic-bezier(.2, .7, .3, 1);
  --enter: 240ms var(--ease);
  --exit: 160ms var(--ease);

  /* Schatten in warmem Braun statt Schwarz, sonst wird Creme grau. */
  --shadow-sm: 0 1px 2px rgba(74, 60, 30, .08);
  --shadow-md: 0 6px 20px rgba(74, 60, 30, .10);
  --shadow-lg: 0 20px 50px rgba(74, 60, 30, .16);
}