/* THE LIFE COMPASS — 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, 02.09.): Die Oberfläche soll nach Natur, Wasser und
 * Weite aussehen, nicht nach Technik. Türkis #42c6b3 bleibt die einzige
 * Akzentfarbe der CI — es ist ohnehin die Farbe des Wassers im Titelbild.
 * Getauscht wurde nur die Tinte: statt Navy #07101d ein tiefes See-Grün
 * #0e2f2c. Gleiche kühle Familie, aber es liest sich als Tiefe unter Wasser
 * statt als Dashboard. Grün, Wald und Weite kommen über die Fotografie,
 * damit kein zweiter Farbton gegen die CI läuft.
 *
 * 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. Der Grund hat einen Hauch Grün, bleibt aber fast weiß —
     kein Graublock an den Seitenenden. */
  --background: #f6fbfa;
  --foreground: #0e2f2c;
  --card: #ffffff;
  --card-foreground: #0e2f2c;
  --popover: #ffffff;
  --popover-foreground: #0e2f2c;

  /* Aktionen. Türkis trägt die dunkle Tinte: 6,7:1 und damit über AA.
     Türkis mit weißer Schrift käme nur auf 2,0:1 und fiele durch. */
  --primary: #42c6b3;
  --primary-foreground: #0e2f2c;
  --secondary: #eaf2f0;
  --secondary-foreground: #3b5551;

  /* Ruhige Flächen und Text zweiter Ordnung */
  --muted: #eaf2f0;
  --muted-foreground: #56716c;
  --accent: #ddf7f2;
  --accent-foreground: #0e2f2c;

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

  /* Linien und Fokus */
  --border: #d5e4e0;
  --input: #ffffff;
  --ring: #1fa895;

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

  /* Radius-Leiter, abgeleitet aus einem Grundwert */
  --radius: 14px;
  --radius-sm: 8px;
  --radius-md: 11px;
  --radius-lg: var(--radius);
  --radius-xl: 20px;
  --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.
     Die Auswahl liegt nah an der Empfehlung aus UI UX Pro Max (Lora). */
  --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);

  --shadow-sm: 0 1px 2px rgba(14, 47, 44, .06);
  --shadow-md: 0 4px 16px rgba(14, 47, 44, .08);
  --shadow-lg: 0 18px 48px rgba(14, 47, 44, .14);
}