/* ============================================================
   THEME – FARBEN, VARIABLEN, LOGOS
   KEIN LAYOUT, KEIN PLAYER
============================================================ */

/* -----------------------------
   Light Theme (Default)
----------------------------- */

:root{
  color-scheme: light dark;

  --bg: #f6efe8;
  --fg: #3b2a20;

  --card: #ffffff;

  --accent: #8b4b3a;
  --accent-soft: #efe6dc;

  --border: #e0d4c8;
  --divider-color: #e9dfd5;

  --toolbar-bg: rgba(246,239,232,0.96);
  --toolbar-border: #e0d4c8;

  --button-bg: #ffffff;
  --button-border: #d0c0b0;

  --highlight: #fff3c4;
  --highlight-border: #f0d48a;

  --footer-text: #6a5548;

  --hover-bg: #f7eee6;

  --header-height: 72px;
}

/* -----------------------------
   Dark Theme
----------------------------- */

:root[data-theme="dark"]{
  --bg: #020617;
  --fg: #e5e7eb;

  --card: #0b1120;

  --accent: #e5b38c;
  --accent-soft: #1f2937;

  --border: #1f2937;
  --divider-color: #1f2937;

  --toolbar-bg: rgba(15,23,42,0.96);
  --toolbar-border: #1f2937;

  --button-bg: #111827;
  --button-border: #374151;

  --highlight: #1e293b;
  --highlight-border: #334155;

  --footer-text: #9ca3af;

  --hover-bg: #1f2937;
}

/* -----------------------------
   Logos (Theme-abhängig)
----------------------------- */

:root[data-theme="light"] #projectLogo{
  background-image: url('../Rosarium_Logo_grey.svg');
}

:root[data-theme="dark"] #projectLogo{
  background-image: url('../Rosarium_Logo_white.svg');
}