/*
 * ============================================================
 *  FARBEN – hier wird das gesamte Farbschema festgelegt.
 * ============================================================
 *
 *  Möglichkeit 1: Ein fertiges Farbschema wählen.
 *    In includes/config.php bei 'farben' den Namen eintragen:
 *    'standard', 'meer', 'abend' oder 'hell'.
 *
 *  Möglichkeit 2: Einzelne Farben ändern.
 *    Einfach die Farbcodes (#......) unten anpassen.
 *    Farben aussuchen z. B. mit https://htmlcolorcodes.com/de/
 *
 *  Bedeutung der Farben:
 *    --dunkel        Kopfzeile, Fußzeile, dunkle Abschnitte
 *    --dunkel-tief   noch dunkler (Kopf- und Fußzeile)
 *    --dunkel-weich  Karten auf dunklem Hintergrund
 *    --akzent        Buttons und Hervorhebungen
 *    --akzent-hover  Buttons, wenn die Maus darüber ist
 *    --hero          Hintergrund des großen Bereichs oben auf jeder Seite
 *    --gold          feine Linien, Rahmen, Logo-Schriftzug
 *    --meer          kleiner karibischer Farbtupfer (Wellen, Details)
 *    --sand          heller Abschnittshintergrund
 *    --rosé          zweiter heller Abschnittshintergrund
 *    --elfenbein     Standard-Seitenhintergrund
 *    --text          normale Schriftfarbe
 *    --text-hell     Schrift auf dunklem Hintergrund
 */

/* ---------- Standard: Terrakotta & Gold (warm, karibisch) ---------- */
:root{
  --dunkel:#3B2118;
  --dunkel-tief:#2A1710;
  --dunkel-weich:#5A3426;
  --akzent:#B84A2E;
  --akzent-hover:#973A22;
  --hero:#9C3F26;
  --gold:#D9A64A;
  --meer:#2A9D8F;
  --sand:#F6EBDD;
  --rosé:#EBCDBA;
  --elfenbein:#FFFBF5;
  --text:#2E2420;
  --text-hell:#F6EBDD;
}

/* ---------- Meer: Türkis & Koralle (frischer, sommerlich) ---------- */
html[data-farben="meer"]{
  --dunkel:#123B42;
  --dunkel-tief:#0B2A30;
  --dunkel-weich:#1E525B;
  --akzent:#D9583B;
  --akzent-hover:#B8452C;
  --hero:#16707A;
  --gold:#F2B84B;
  --meer:#5CC6B8;
  --sand:#F3EEE3;
  --rosé:#D7EAE4;
  --elfenbein:#FCFBF7;
  --text:#1F2A2C;
  --text-hell:#F3EEE3;
}

/* ---------- Abend: Aubergine & Gold (elegant, gedeckt) ---------- */
html[data-farben="abend"]{
  --dunkel:#2E1A2E;
  --dunkel-tief:#1F111F;
  --dunkel-weich:#4A2C48;
  --akzent:#A8436B;
  --akzent-hover:#8A3456;
  --hero:#5B2C55;
  --gold:#D9A64A;
  --meer:#3E9C94;
  --sand:#F4EDE6;
  --rosé:#E6D3DA;
  --elfenbein:#FCF9F6;
  --text:#2A2028;
  --text-hell:#F4EDE6;
}

/* ---------- Hell: Creme & Salbei (ruhig, neutral – z. B. für andere Angebote) ---------- */
html[data-farben="hell"]{
  --dunkel:#33392F;
  --dunkel-tief:#262A23;
  --dunkel-weich:#4A5244;
  --akzent:#B5643C;
  --akzent-hover:#964F2D;
  --hero:#5E6E55;
  --gold:#C9A25C;
  --meer:#6E9A8A;
  --sand:#F2EEE5;
  --rosé:#E3E2D3;
  --elfenbein:#FBFAF6;
  --text:#2A2C27;
  --text-hell:#F2EEE5;
}