/* ============================================================================
   Токени. Три незалежні осі:
     data-theme  = (нема) | light | dark   — тема оформлення
     data-night  = (нема) | on             — НІЧНИЙ РЕЖИМ ЧИТАННЯ (окремо!)
     --dim       = 0…0.6                   — сила притемнення поверх усього
   Нічний режим перебиває тему: він іде останнім у каскаді.
   Палітра — петриківська: чорнильно-синій, маковий червоний, вохра.
   ========================================================================== */

:root {
  /* --- нейтральні із синім ухилом (світла) --- */
  --bg:        #F3F2ED;
  --surface:   #FFFFFF;
  --surface-2: #EAE9E2;
  --ink:       #1A1D26;
  --muted:     #5F6779;
  --line:      #DBD9D1;

  /* --- акценти --- */
  --accent:      #BE3A2E;   /* маковий */
  --accent-soft: rgba(190, 58, 46, .10);
  --accent-ink:  #FFFFFF;
  --ochre:       #9C6B12;
  --ochre-soft:  rgba(184, 128, 27, .12);

  --shadow:    0 1px 2px rgba(26, 29, 38, .05), 0 8px 24px rgba(26, 29, 38, .06);
  --dock-bg:   rgba(243, 242, 237, .90);

  /* --- типографіка --- */
  --display: 'Unbounded', 'Trebuchet MS', 'Segoe UI', system-ui, sans-serif;
  --read:    'Literata', Georgia, 'Times New Roman', 'Noto Serif', serif;

  --rs:   19px;   /* кегль читалки, керується кнопками А− / А+ */
  --lead: 1.75;   /* міжрядковий */

  --dim: 0;       /* притемнення (діє лише в нічному режимі) */
  --r:   14px;    /* радіус */
  --tap: 3rem;    /* мінімальна ціль пальця */
}

:root[data-lead="tight"] { --lead: 1.55; }
:root[data-lead="loose"] { --lead: 1.95; }

/* ---------------- темна тема ---------------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:        #13151C;
    --surface:   #1B1E27;
    --surface-2: #232733;
    --ink:       #E9E6DC;
    --muted:     #99A2B4;
    --line:      #2C303C;
    --accent:      #E8705F;
    --accent-soft: rgba(232, 112, 95, .15);
    --accent-ink:  #16181F;
    --ochre:       #D9A64A;
    --ochre-soft:  rgba(217, 166, 74, .14);
    --shadow:  0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .28);
    --dock-bg: rgba(19, 21, 28, .90);
  }
}
:root[data-theme="dark"] {
  --bg:        #13151C;
  --surface:   #1B1E27;
  --surface-2: #232733;
  --ink:       #E9E6DC;
  --muted:     #99A2B4;
  --line:      #2C303C;
  --accent:      #E8705F;
  --accent-soft: rgba(232, 112, 95, .15);
  --accent-ink:  #16181F;
  --ochre:       #D9A64A;
  --ochre-soft:  rgba(217, 166, 74, .14);
  --shadow:  0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .28);
  --dock-bg: rgba(19, 21, 28, .90);
}

/* ---------------- НІЧНИЙ РЕЖИМ ЧИТАННЯ ----------------
   Не «темна тема». Це майже чорне тло і тепле бурштинове світло:
   ані краплі синього, щоб не будити дитину і не бити по очах читачеві.
   Контраст лишається високим (≈ 9:1), приглушує вже шар --dim. */
:root[data-night="on"] {
  --bg:        #0A0806;
  --surface:   #120F0A;
  --surface-2: #1A150E;
  --ink:       #E3B57C;
  --muted:     #9A7A50;
  --line:      #241D13;
  --accent:      #D9805C;
  --accent-soft: rgba(217, 128, 92, .13);
  --accent-ink:  #0A0806;
  --ochre:       #C79A4B;
  --ochre-soft:  rgba(199, 154, 75, .12);
  --shadow:  none;
  --dock-bg: rgba(10, 8, 6, .94);
  --dim: .28;
}