/* ELMO — Design-Tokens. Quelle: design-tokens.md (Kunden-CI elmoklub.ticket.io: Lime + Silber; Gerüst: docs/elmo-umsetzung-spec.md). */

:root {
  --font-display: 'Anton', 'Archivo', sans-serif;
  --font-ui: 'Archivo', Helvetica, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --radius: 2px;

  /* Marken-Akzent (ticket.io Tickets-Button) */
  --lime: #C8F52D;
  --lime-hover: #D6FF45;
  --lime-dunkel: #7E9A15;
  --auf-lime: #0E0F10;

  /* Silber (ticket.io Logo-Panel / Sekundär-Button) */
  --silber-hell: #F2F2F2;
  --silber-platte: linear-gradient(160deg, #F4F4F6, #C9C9CF);
  --silber-border: #B7B7BE;
  --auf-silber: #16181A;

  /* Neutraler Boden — Footer ist in beiden Welten dunkel */
  --footer-bg: #16181A;
  --footer-text: #9BA0A6;
  --footer-border: #2A2D30;
  --footer-dim: #55585C;

  --gelb: #F2B705;
  --gelb-text: #0E0F10;
}

/* ── Welt KLUB (dunkel — Flächen wie ticket.io) ─────── */
[data-welt="klub"] {
  --bg: #0E0F10;
  --bg-elevated: #1A1C1E;
  --bg-deep: #101214;
  --border: #2A2D30;
  --border-hell: #4A4E52;
  --text: #F2F0EC;
  --text-2: #9BA0A6;
  --text-dim: #55585C;
  --akzent: var(--lime);
  --akzent-hover: var(--lime-hover);
  --akzent-dunkel: var(--lime-dunkel);
  --akzent-text: var(--auf-lime);
  --akzent-glow: rgba(200, 245, 45, 0.14);
  --platte: var(--silber-platte);
  --platte-border: var(--silber-border);
  --platte-text: var(--auf-silber);
  --niete-bg: #85868C;
  --niete-border: #6E6F76;
  --header-bg: rgba(14, 15, 16, 0.92);
  --chip-border: #3A3E42;
  --chip-aktiv-text: var(--auf-lime);
  --karte-bg: #1A1C1E;
  --karte-border: #2A2D30;
  --input-bg: #0E0F10;
  --input-border: #2A2D30;
  --nav-inaktiv: #9BA0A6;
  --gruen-ok: var(--lime);
  --footer-akzent: var(--lime);
}

/* ── Welt LOCATION (hell — kühles Silbergrau) ───────── */
[data-welt="location"] {
  --bg: #F4F4F5;
  --bg-elevated: #E9E9EB;
  --bg-deep: #E9E9EB;
  --border: #D6D6DA;
  --border-hell: #C6C6CC;
  --text: #1D1E20;
  --text-2: #54565B;
  --text-dim: #85878D;
  --text-schwach: #B4B5BA;
  --akzent: #9E5B2A;
  --akzent-hover: #8C4E23;
  --akzent-flaeche: #F5E7DB;
  --akzent-text: #F4F4F5;
  --akzent-glow: rgba(158, 91, 42, 0.18);
  --platte: var(--silber-platte);
  --platte-border: var(--silber-border);
  --platte-text: var(--auf-silber);
  --niete-bg: #E9E9EB;
  --niete-border: #B7B7BE;
  --header-bg: rgba(244, 244, 245, 0.92);
  --chip-border: #C6C6CC;
  --chip-aktiv-text: #F4F4F5;
  --karte-bg: #FFFFFF;
  --karte-border: #D6D6DA;
  --input-bg: #FFFFFF;
  --input-border: #C6C6CC;
  --nav-inaktiv: #6B6D72;
  --gruen-ok: #5E6F5A;
  --footer-akzent: #C98A4B;
}