/* ============================================================
   Farbpalette: Host-Modul — Q+C Corporate Design

   Schieferblau #5b90b7 und warme Neutraltoene, abgeleitet von
   www.qmindset.de. Bewusst anders als palette-survey.css: Wer zwischen
   Host und Teilnehmersicht wechselt, soll am Farbklang sofort sehen,
   wo er ist. Alles Nicht-Farbliche kommt aus tokens.css.
   ============================================================ */

:root {
  /* Flaechen */
  --bg: #ffffff;
  --bg-card: #f7f9fb;
  --bg-elevated: #ffffff;
  --bg-alt: #eef2f6;
  --bg-subtle: rgba(35,35,35,0.03);

  /* Schrift */
  --text: #2f3439;
  --text-muted: #7b858d;
  --text-faint: #a3abb2;

  /* Linien */
  --border: #e4e9ed;
  --border-light: #f2f5f7;

  /* Marke und Bedeutung */
  --primary: #5b90b7;
  --primary-light: #e8f1f7;
  --accent: #6fbfbd;
  --accent-light: #e4f4f3;
  --success: #6fb98a;
  --success-light: rgba(111,185,138,0.14);
  --warning: #dcae5f;
  --warning-light: rgba(220,174,95,0.16);
  --danger: #d97a70;
  --danger-light: rgba(217,122,112,0.14);
  --neutral: #7b858d;
  --gradient: linear-gradient(135deg, #5b90b7, #6fbfbd);

  /* Bedienelemente */
  --input-bg: #f4f7f9;
  --input-border: #ccd6de;
  --btn-secondary-bg: #e8edf1;
  --btn-secondary-text: #4a545c;
  /* The chosen option of a toggle group (aria-pressed): a stronger
     neutral, not --primary — a selection is not a call to action. */
  --btn-selected-bg: #cdd8e1;
  --btn-selected-text: #2f3439;
  /* The admin entrance in the header, amber as in the old Host: the way
     into other people's projects must not look like an ordinary action.
     Its surface is --warning-light, only the writing stands here. */
  --btn-admin-text: #b45309;
  --btn-admin-active-bg: #fbbf24;
  --btn-admin-active-text: #78350f;
  --overlay-bg: rgba(255,255,255,0.92);
}

[data-theme="dark"] {
  --bg: #1a2027;
  --bg-card: #222a32;
  --bg-elevated: #2c353e;
  --bg-alt: #2c353e;
  --bg-subtle: rgba(255,255,255,0.04);

  --text: #eef1f4;
  --text-muted: #9aa5ae;
  --text-faint: #6f7b85;

  --border: #333d47;
  --border-light: #262f37;

  --primary: #7fadd0;
  --primary-light: #26343f;
  --accent: #7fcfcd;
  --accent-light: #1f3838;
  --success: #82c79b;
  --success-light: rgba(130,199,155,0.18);
  --warning: #e3bb76;
  --warning-light: rgba(227,187,118,0.18);
  --danger: #e0918a;
  --danger-light: rgba(224,145,138,0.18);
  --neutral: #9aa5ae;
  --gradient: linear-gradient(135deg, #6b9dc4, #6fbfbd);

  --input-bg: #222a32;
  --input-border: #414c56;
  --btn-secondary-bg: #36414b;
  --btn-secondary-text: #dde3e8;
  --btn-selected-bg: #4d5b67;
  --btn-selected-text: #eef1f4;
  /* In the dark theme the amber carries the writing, not the brown of the
     light one — that would barely be readable on a dark surface. */
  --btn-admin-text: #e3bb76;
  --btn-admin-active-bg: #fbbf24;
  --btn-admin-active-text: #78350f;
  --overlay-bg: rgba(26,32,39,0.92);
}