/* ============================================================
   Skin: Classic · dark. Colour tokens only — theme.css handles the structure.
   Activated by the attribute data-skin="classic-dark" on <html>.
   ============================================================ */
:root[data-skin="classic-dark"] {
  color-scheme: dark;

  /* Surfaces and text */
  --ink: #e7e9f2;
  --muted: #98a0b3;
  --bg: #13151d;
  --card: #1b1e29;
  --line: #2b2f3d;
  --surface-2: #262a37;
  --hover: #20232e;
  --track: #2b2f3d;
  --inactive-bg: #262a37;   /* the band under an inactive (dimmed) record — KOMPONENTY §62 */

  /* Accent and status colours (slightly lighter on a dark background) */
  --accent: #918df8;
  --accent-hover: #a09cfa;
  --accent-soft: #292654;
  --teal: #1aa386;
  --teal-soft: #123430;
  --teal-ink: #57d6b4;
  --red: #f36368;
  --red-soft: #3a1e21;
  --orange: #c4851c;
  --pink: #e66881;

  /* Solid backgrounds under white text (`--on-solid`: buttons, task labels, badges) — a shade of the colours
     above that keeps at least 4.5:1 with white; the colours above stay for text and borders */
  --accent-solid: #655ff6; --accent-solid-hover: #5b56dd;
  --teal-solid: #15846d;   --teal-solid-hover: #137762;
  --red-solid: #ca484c;    --red-solid-hover: #b64144;
  --orange-solid: #9d6a16;
  --pink-solid: #ba5468;

  /* Avatars (dark tone + light text) */
  --av-g-bg: #143a2c; --av-g-ink: #5fd6a6;
  --av-p-bg: #3d1f2e; --av-p-ink: #f29ac4;
  --av-b-bg: #1b2c4d; --av-b-ink: #8db4f5;
  --av-y-bg: #3a2f14; --av-y-ink: #e8c06a;

  /* Chips */
  --chip-bg: #262a37;
  --chip-orange-bg: #3a2f14; --chip-orange-ink: #e8c06a;
  --chip-yellow-bg: #3e3b0c; --chip-yellow-ink: #f1e45c; /* the due date today or tomorrow (task card, spec karta-ukolu-v2 §15.9) */
  --chip-dark-bg: #2c3040;   --chip-dark-ink: #c3c8d6;

  /* Other */
  --btn-danger-border: #5a2e30;
  --shadow-color: 0, 0, 0;
  --overlay: rgba(0, 0, 0, .62);
}