/* GDMM v1.3-clean · tokens.css
 * Design-Werte als CSS-Variablen. Jede Variable steht genau einmal hier und wird nirgends
 * überschrieben. Im restlichen CSS steht kein fester Wert, für den es hier eine Variable gibt.
 *
 * Einbindung (Reihenfolge ist Teil der Kaskade, siehe index.html):
 *   tokens → base → layout → modals → forum → tnt → live-participant → trainer → presenter → ux → trainer-workspace → awards
 */

:root {
  --trainer-room-title-size: clamp(1.05rem, 1.5vw, 1.3rem);
  --sidebar-brand-height: 74px;
  --desktop-header-height: 78px;
  --trainer-chat-button-count: 11;
  --trainer-chat-members-max-height: 96px;
  --challenge-editor-max-width: 1440px;
  --challenge-feedback-min-width: 260px;
  --challenge-title-size: clamp(1.15rem, 2vw, 1.55rem);
  --challenge-control-height: 44px;
  --challenge-question-height: 104px;
  --challenge-preview-height: 160px;
  --trainer-timer-width: 124px;
  --trainer-timer-height: 48px;
  --trainer-lobby-button-height: 30px;
  --trainer-status-preview-height: 112px;
  --trainer-title-pencil-size: 24px;
  --trainer-title-pencil-font-size: 16px;
  --trainer-chat-preview-row-height: 56px;
  --trainer-chat-preview-height: calc(3 * var(--trainer-chat-preview-row-height));
  /* Bestand aus v1.3: Markenfarben, Flächen, Schatten, Schriften */
  --blue: #0043FA;
  --blue-dark: #032caa;
  --blue-soft: #eaf0ff;
  --lime: #ACF019;
  --lime-light: #D2FF93;
  --yellow: #FFE68A;
  --lilac: #DBC4FF;
  --ink: #02091D;
  --muted: #5C6474;
  --border: #dde3eb;
  --task-edit-border: #7c8592; /* Bearbeitungsrahmen aus v13.8. */
  --bg: #f5f7fb;
  --white: #fff;
  --r: 18px;
  --r-lg: 25px;
  --shadow: 0 16px 45px rgba(2,9,29,.055);
  --font: Inter,"Segoe UI",Arial,sans-serif;
  --display: Poppins,Inter,"Segoe UI",Arial,sans-serif;

  /* Gemeinsame Typografie der App- und Raum-Navigation. */
  --nav-font-size: var(--fs-078);
  --nav-font-weight: 700;
  --nav-active-font-weight: 850;
  --nav-line-height: 1.45;
  --nav-label-size: var(--fs-068);
  --nav-label-weight: 800;
  --nav-label-spacing: .12em;

  /* Wiederkehrende Farben (Name = Farbfamilie + Helligkeit in Prozent, -aNN = Deckkraft in Prozent) */
  --gray-07: #111111;
  --gray-08: #111318;
  --gray-92: #e7e9ee;
  --gray-95: #edf0f5;
  --gray-95b: #eef1f4;
  --gray-95c: #eef1f5;
  --gray-95d: #eef1f6;
  --gray-95e: #f0f2f5;
  --gray-96: #f2f4f8;
  --gray-96b: #f2f5f9;
  --gray-96c: #f3f5f8;
  --gray-96d: #f3f5f9;
  --gray-97: #f3f6fb;
  --gray-97b: #f4f6f9;
  --gray-97c: #f5f6f8;
  --gray-97d: #f5f7fc;
  --gray-98: #f7f9ff;
  --gray-98b: #fafbfc;
  --award-divider: #ffffff38;
  --gray-100-a25: #ffffff40;
  --gray-100-a33: #ffffff55;
  --slate-13: #121b2e;
  --slate-14: #142033;
  --slate-15: #172038;
  --slate-17: #1f2937;
  --slate-39: #566270;
  --slate-40: #596171;
  --slate-41: #596579;
  --slate-47: #66748b;
  --slate-48: #6d7687;
  --slate-73: #aeb8c7;
  --slate-86: #d1d8e4;
  --slate-88: #d9dee8;
  --slate-90: #dce3ef;
  --slate-90b: #dce4ee;
  --slate-90c: #e0e4eb;
  --slate-91: #dee5f0;
  --slate-91b: #e0e6ee;
  --slate-91c: #e3e8ef;
  --slate-92: #e5eaf1;
  --slate-93: #dce8ff;
  --slate-94: #dfe8ff;
  --slate-94b: #e1edff;
  --slate-95: #edf1f6;
  --slate-96: #e9efff;
  --slate-96b: #ecf2ff;
  --slate-96c: #edf3ff;
  --slate-97: #eff4ff;
  --slate-97b: #f0f4ff;
  --slate-97c: #f1f5ff;
  --slate-97d: #f2f5fb;
  --slate-98: #f4f7ff;
  --blue-33: #0849a0;
  --blue-79: #9badf7;
  --purple-16: #24143d;
  --purple-33: #5d2386;
  --purple-92: #e9d7ff;
  --red-33: #842626;
  --red-33b: #8d1d1d;
  --red-97: #fff1f1;
  --orange-32: #8a5617;
  --orange-70: #ffcc66;
  --orange-89: #fff0c8;
  --lime-04: #101600;
  --lime-15: #30430a;
  --lime-80: #d9fc9c;
  --gray-100-a12: rgba(255,255,255,.12);
  --gray-100-a13: rgba(255,255,255,.13);
  --gray-100-a30: rgba(255,255,255,.3);
  --slate-06-a06: rgba(2,9,29,.06);

  /* Eckenradien (Zahl = Pixel) */
  --radius-7: 7px;
  --radius-9: 9px;
  --radius-10: 10px;
  --radius-11: 11px;
  --radius-12: 12px;
  --radius-13: 13px;
  --radius-14: 14px;
  --radius-15: 15px;
  --radius-16: 16px;
  --radius-17: 17px;
  --radius-19: 19px;
  --radius-20: 20px;
  --radius-24: 24px;
  --radius-27: 27px;
  --radius-round: 50%;
  --radius-50: 50px;
  --radius-99: 99px;
  --radius-100: 100px;
  --radius-pill: 999px;

  /* Schriftgrößen (--fs-080 = 0.80rem, --fs-12px = 12px) */
  --fs-064: .64rem;
  --fs-065: .65rem;
  --fs-067: .67rem;
  --fs-068: .68rem;
  --fs-069: .69rem;
  --fs-070: .7rem;
  --fs-072: .72rem;
  --fs-073: .73rem;
  --fs-074: .74rem;
  --fs-075: .75rem;
  --fs-076: .76rem;
  --fs-077: .77rem;
  --fs-078: .78rem;
  --fs-079: .79rem;
  --fs-080: .8rem;
  --fs-081: .81rem;
  --fs-082: .82rem;
  --fs-083: .83rem;
  --fs-084: .84rem;
  --fs-085: .85rem;
  --fs-086: .86rem;
  --fs-088: .88rem;
  --fs-090: .9rem;
  --fs-091: .91rem;
  --fs-092: .92rem;
  --fs-096: .96rem;
  --fs-100: 1rem;
  --fs-105: 1.05rem;
  --fs-110: 1.1rem;
  --fs-112: 1.12rem;
  --fs-120: 1.2rem;
  --fs-122: 1.22rem;
  --fs-125: 1.25rem;
  --fs-145: 1.45rem;
  --fs-9px: 9px;
  --fs-10px: 10px;
  --fs-11px: 11px;
  --fs-12px: 12px;
  --fs-13px: 13px;
  --fs-14px: 14px;
  --fs-15px: 15px;
  --fs-16px: 16px;
  --fs-18px: 18px;
  --fs-22px: 22px;

  /* Abstände für margin, padding und gap (Zahl = Pixel) */
  --space-1: 1px;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-7: 7px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
  --space-11: 11px;
  --space-12: 12px;
  --space-13: 13px;
  --space-14: 14px;
  --space-15: 15px;
  --space-16: 16px;
  --space-17: 17px;
  --space-18: 18px;
  --space-19: 19px;
  --space-20: 20px;
  --space-21: 21px;
  --space-22: 22px;
  --space-23: 23px;
  --space-24: 24px;
  --space-25: 25px;
  --space-26: 26px;
  --space-28: 28px;
  --space-30: 30px;
  --space-40: 40px;
  --space-64: 64px;
}