/* ============================================================
   The Writing Sessions — Light Theme
   Color variables only.  Loaded AFTER base.css.
   ============================================================ */

:root {
  /* ---- Core palette ---- */
  --ink: #1a1a2e;
  --parchment: #f5f0e8;
  --parchment-deep: #ebe4d6;
  --parchment-light: #faf7f2;
  --warm: #b08860;
  --warm-light: #e8d5c0;
  --warm-glow: #f0e0cc;
  --warm-hover: #a88058;
  --accent: #6b5b4e;
  --accent-light: #77695e;
  --green: #3f553f;
  --green-light: #d4e4d4;
  --blue: #3f4a55;
  --blue-light: #d4dce4;
  --red: #6b3e3e;
  --red-light: #f0d4d4;
  --red-hover: #5a3030;
  --muted: #656158;
  --divider: #d8d0c4;
  --card-bg: #fffdf8;
  --shadow: rgba(26, 26, 46, 0.08);
  --hover-shadow: rgba(26, 26, 46, 0.12);
  --focus-ring: rgba(196, 149, 106, 0.15);

  /* ---- Panel (sidebar, mobile header, overlays — always dark) ---- */
  --panel-bg: #1a1a2e;
  --panel-text: #ccc;
  --panel-text-muted: #aaa;
  --panel-text-active: #fff;
  --panel-text-faint: #888;
  --panel-hover-bg: rgba(255, 255, 255, 0.08);
  --panel-border: rgba(255, 255, 255, 0.1);
  --panel-status-text: rgba(255, 255, 255, 0.4);

  /* ---- Surfaces ---- */
  --input-bg: #fff;
  --archived-tab-bg: #f0f0f0;
  --login-bg-end: #2a2a4e;

  /* ---- Button text on solid-color backgrounds ---- */
  --btn-text-on-color: #fff;
  --btn-primary-bg: #7b5b3a;
  --btn-primary-hover: #6a4e32;
  --btn-secondary-bg: #e0cdb8;
  --btn-secondary-text: #5c4a3a;
  --btn-secondary-hover: #d4bea6;
  --btn-danger-text: #fff;

  /* ---- Instruction note ---- */
  --note-text: #666;

  /* ---- Copy / reconstruct exercise (always dark bg) ---- */
  --copy-bg: #333649;
  --copy-text: #c7cdd8;
  --copy-inner-bg: #393c4f;
  --copy-accent: #68b8e8;
  --copy-attribution: #8ba3b5;

  /* ---- Character-level highlighting ---- */
  --ch-untyped: #c7cdd8;
  --ch-correct: #90e77f;
  --ch-incorrect-bg: #3a2933;
  --ch-incorrect: #f56a6b;
}