/* ===========================================================
   BEACHZONE — Corporate Identity (CI)
   ===========================================================
   Diese Datei ist die EINZIGE Quelle für Farben und Schriften
   der ganzen Website. Sie wird auf jeder Seite als Erstes
   geladen (vor style.css), das Layout in style.css greift
   überall nur über diese Variablen darauf zu.

   → Ganze Seite umstylen = nur diese Datei ersetzen oder die
     Werte unten anpassen. An style.css muss dafür nichts
     geändert werden.

   Idee dieser CI: Dämmerungs-Blau (Abend am Beach) trifft
   warmen Sand, Koralle als Signalfarbe für Aktionen.
   =========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Work+Sans:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');

:root{
  /* ---- Farbpalette ---- */
  --dusk:        #16324F;   /* Hauptfarbe: Header, Hero, Footer */
  --dusk-2:      #1F4B72;   /* Verläufe / Hover-Zustand von dusk */
  --sand:        #E9D9B6;   /* Sekundärfarbe: Akzent auf dunklem Grund */
  --sand-deep:   #C9A25B;   /* Buttons/Linien auf hellem Grund */
  --coral:       #E2603A;   /* Signalfarbe: Call-to-Action, Highlights */
  --coral-dark:  #C64B29;   /* Hover-Zustand von coral */
  --paper:       #FBF7EE;   /* Content-Hintergrund, warmes Weiss */
  --paper-2:     #F1EADA;   /* leicht abgesetzte Flächen */
  --ink:         #182229;   /* Fliesstext */
  --ink-soft:    #4C5B63;   /* sekundärer/gedämpfter Text */
  --line:        #E1D8C2;   /* dezente Trennlinien auf Paper */
  --white:       #FFFFFF;

  /* ---- Typografie ---- */
  --font-display: "Anton", "Work Sans", sans-serif;              /* Überschriften, Logo */
  --font-body:    "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif; /* Fliesstext */
  --font-mono:    "Space Mono", monospace;                       /* Zeiten, Labels, Preise */

  /* ---- Status-Farben (z.B. Anmeldung offen/geschlossen) ---- */
  --ok-bg:      #E3EFE4;
  --ok-text:    #2C7A3F;
  --error-bg:   #F5E3DD;
  --error-text: var(--coral-dark);
}