/* Playful Classroom (v08) — дизайн-токены */
:root {
  --chalkboard: #2d5a47;
  --chalkboard-dark: #234a3a;
  /* Деревянная рама доски */
  --board-frame: #7a4e28;
  --board-frame-light: #b07d45;
  --board-frame-dark: #5c3a1e;
  --workspace: #fff9f0;
  /* Фон body — тёплая штукатурка «стена класса» */
  --wall: #ebe0cd;
  --wall-shade: rgba(124, 78, 40, 0.05);
  --surface: #ffffff;
  --cta: #e85d4c;
  --cta-hover: #d14a3a;
  --text: #2c2416;
  --muted: #6b5d4f;
  --user-bar: #3d6b55;

  --topic-1: #d4edda;
  --topic-2: #cce5ff;
  --topic-3: #e8d4fc;
  --topic-4: #ffe5cc;
  --topic-5: #fff3cd;
  --topic-6: #fce8ea;

  --radius-card: 12px;
  --shadow-card: 0 4px 14px rgba(0, 0, 0, 0.08);

  --font-ui: "Fredoka", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-chalk: "Caveat", cursive;
}

/* ─── Тёмная тема ──────────────────────────────────────────── */
.theme-dark {
  --chalkboard: #1a2f28;
  --chalkboard-dark: #141f1a;
  --board-frame: #4a3520;
  --board-frame-light: #6b4d2d;
  --board-frame-dark: #3a2512;
  --workspace: #1a1a2e;
  --wall: #12121e;
  --wall-shade: rgba(0, 0, 0, 0.2);
  --surface: #2a2a3e;
  --cta: #e85d4c;
  --cta-hover: #d14a3a;
  --text: #e8e0d0;
  --muted: #9890a0;
  --user-bar: #2a2a3e;
  --topic-1: #1a3a2a;
  --topic-2: #1a2a4a;
  --topic-3: #2a1a3a;
  --topic-4: #3a2a1a;
  --topic-5: #3a3a1a;
  --topic-6: #3a1a2a;
  --shadow-card: 0 4px 14px rgba(0, 0, 0, 0.4);
}