/* =====================================================================
   tokens.css - gemeinsame Design-Tokens der Language-Teacher-Crew-Tools
   Basis: Chunk-Werkstatt / Exams (tools.languageteachercrew.com) - warmes
   Papier-Creme, weisse Karten mit Papier-Schatten, Source Serif 4 /
   IBM Plex Sans / IBM Plex Mono. "Mischung"-Dialekt: Titel in Playfair
   Display wie in der Einheitsplanung (stuff.languageteachercrew.com).

   Pro-Tool-Akzent (Familienkonvention): Stundenplanung fuehrt als
   Schwester-Tool der Einheitsplanung ein ruhiges Schiefer-Blau
   (echot deren Cool-Akzent) - Thema Zeit / Sequenz / Planung.
   ===================================================================== */

:root {
  /* Papierwelt (identisch zur Familie) */
  --bg:        #f5f1e8;   /* warmes Papier-Creme */
  --bg-deep:   #ece6d8;   /* tieferer Ton (Leisten) */
  --bg-card:   #ffffff;   /* Karten */
  --bg-inset:  #f3eee2;   /* eingelassene Felder (Prompt, Textarea) */
  --ink:       #131210;   /* fast schwarz */
  --ink-soft:  #3a3733;
  --ink-muted: #7a7368;
  --ink-faint: #a89f8f;
  --rule:      #c8c0b0;   /* Haarlinie warm */
  --rule-soft: #ddd5c5;

  /* Akzent: Schiefer-Blau (Stundenplanung) */
  --accent:      #3d6b82;
  --accent-ink:  #2f5468;
  --accent-soft: #e3ecf1;
  --accent-line: #a6c3d3;

  /* Semantik */
  --ok:    #4a5d3a;  --ok-soft:   #e2e8d6;
  --warn:  #9a6b2c;  --warn-soft: #f3e6cf;
  --err:   #8b2e2e;  --err-soft:  #f0dcdc;

  /* Schwerpunkt-/Kompetenzfarben (ruhig, nur als feine Badges) */
  --komp-sprechen:    #7a5a86;
  --komp-lesen:       #3d6b82;
  --komp-hoeren:      #4a6d5a;
  --komp-schreiben:   #9a6b2c;
  --komp-mittlung:    #86603d;

  --paper-shadow:    0 1px 0 rgba(0,0,0,0.02), 0 6px 20px rgba(40,30,15,0.06), 0 20px 50px rgba(40,30,15,0.04);
  --paper-shadow-sm: 0 1px 2px rgba(40,30,15,0.05), 0 4px 14px rgba(40,30,15,0.05);

  --serif:   "Source Serif 4", Georgia, "Times New Roman", serif;
  --display: "Playfair Display", "Source Serif 4", Georgia, serif;
  --sans:    "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mono:    "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;

  --maxw:    1080px;
  --radius:  8px;
  --radius-sm: 6px;
}
