/* ============================================================
   Skin: Classic · light — the default theme (a replica of the Capsule CRM look).
   Colour tokens only; theme.css handles the structure.
   Both `:root` and `:root[data-skin="classic-light"]` blocks => this skin is
   the default even without JavaScript.
   ============================================================ */
:root,
:root[data-skin="classic-light"] {
  color-scheme: light;

  /* Surfaces and text */
  --ink: #1e2235;
  --muted: #636a77;
  --bg: #f6f7f9;
  --card: #ffffff;
  --line: #e7e9ee;
  --surface-2: #eff1f4;   /* highlighted/hovered surfaces (active icon, search…) */
  --hover: #f9fafb;       /* subtle hover of rows and chips */
  --track: #e9ebef;       /* progress indicator track */
  --inactive-bg: #eff1f4;   /* the band under an inactive (dimmed) record — KOMPONENTY §62 */

  /* Accent and state colours */
  --accent: #5a54e4;
  --accent-hover: #5246e0;
  --accent-soft: #eceafd;
  --teal: #0aa789;
  --teal-soft: #e0f5f0;
  --teal-ink: #067a64;
  --red: #bf3c40;
  --red-soft: #fdebec;
  --orange: #c98209;
  --pink: #ec5b78;

  /* 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: #5a54e4; --accent-solid-hover: #5246e0;
  --teal-solid: #08846c;   --teal-solid-hover: #077761;
  --red-solid: #bf3c40;    --red-solid-hover: #af373b;
  --orange-solid: #a26907;
  --pink-solid: #c44c64;

  /* Avatars (soft background + saturated text) */
  --av-g-bg: #d9f0e5; --av-g-ink: #1b724b;
  --av-p-bg: #fde4ec; --av-p-ink: #b0387a;
  --av-b-bg: #dde9fd; --av-b-ink: #2b5fb8;
  --av-y-bg: #fdf0d4; --av-y-ink: #906408;

  /* Chips */
  --chip-bg: #eef0f3;
  --chip-orange-bg: #fdf0d4; --chip-orange-ink: #906408;
  --chip-yellow-bg: #f9e97c; --chip-yellow-ink: #574800; /* the due date today or tomorrow (task card, spec karta-ukolu-v2 §15.9) */
  --chip-dark-bg: #e4e5e9;   --chip-dark-ink: #3a3f51;

  /* Other */
  --btn-danger-border: #f3c4c6;
  --shadow-color: 30, 34, 53;          /* RGB for rgba() in shadows */
  --overlay: rgba(30, 34, 53, .38);    /* backdrop of the large modal */
}