/* ================================================================
   Мактаба — Темы оформления READER-А.
   Применяются ТОЛЬКО внутри .mkt-reader[data-maktaba-theme="..."].
   Это значит что library, breadcrumbs, шапка — остаются в общей
   палитре платформы, и только страница "открытой книги" принимает
   кремовый/ночной/eink/sepia вид.
   ================================================================ */

/* Дефолт: Кремовая (приглушённый сепия-кремовый).
   ВАЖНО: атрибут data-maktaba-theme всегда выставляется в JS (см. maktaba-reader.js
   функция readerTemplate). Объединять с .mkt-reader без атрибута нельзя — разные
   правила в группе конфликтуют по специфичности (0,1,0 vs 0,2,0) и портят cascade
   при смене темы. */
.mkt-reader[data-maktaba-theme="cream"] {
    --mkt-bg:           #F5EEDC;
    --mkt-bg-elevated:  #FAF5E6;
    --mkt-bg-inset:     #EFE8D2;
    --mkt-text:         #3D2F20;
    --mkt-text-muted:   #7A6850;
    --mkt-accent:       #8B6F47;
    --mkt-accent-bg:    rgba(139, 111, 71, 0.08);
    --mkt-border:       #E5DAC0;
    --mkt-border-strong:#CFC09F;
    --mkt-highlight:    #F2D98D;
    --mkt-link:         #5C4A2E;
    --mkt-link-hover:   #8B6F47;
    --mkt-selection-bg: #E8C76A;
    --mkt-shadow:       0 2px 12px rgba(120, 95, 60, 0.10);
    --mkt-shadow-elev:  0 8px 30px rgba(120, 95, 60, 0.16);
    --mkt-overlay:      rgba(60, 47, 32, 0.45);
}

/* Сепия глубокая */
.mkt-reader[data-maktaba-theme="sepia"] {
    --mkt-bg:           #E8DCC4;
    --mkt-bg-elevated:  #EFE5CF;
    --mkt-bg-inset:     #DDD0B5;
    --mkt-text:         #2A1F12;
    --mkt-text-muted:   #6B5840;
    --mkt-accent:       #8B6F47;
    --mkt-accent-bg:    rgba(139, 111, 71, 0.10);
    --mkt-border:       #D4C5A8;
    --mkt-border-strong:#B8A988;
    --mkt-highlight:    #E8C76A;
    --mkt-link:         #4A3820;
    --mkt-link-hover:   #8B6F47;
    --mkt-selection-bg: #D9B978;
    --mkt-shadow:       0 2px 12px rgba(90, 70, 40, 0.12);
    --mkt-shadow-elev:  0 8px 30px rgba(90, 70, 40, 0.20);
    --mkt-overlay:      rgba(42, 31, 18, 0.50);
}

/* Ночь (тёплая, не сине-чёрная) */
.mkt-reader[data-maktaba-theme="night"] {
    --mkt-bg:           #1A1614;
    --mkt-bg-elevated:  #221E1B;
    --mkt-bg-inset:     #14110F;
    --mkt-text:         #C9B896;
    --mkt-text-muted:   #897B62;
    --mkt-accent:       #B89870;
    --mkt-accent-bg:    rgba(184, 152, 112, 0.10);
    --mkt-border:       #2E2825;
    --mkt-border-strong:#3F3833;
    --mkt-highlight:    #4A3820;
    --mkt-link:         #D4BD8F;
    --mkt-link-hover:   #E8D2A2;
    --mkt-selection-bg: #54422A;
    --mkt-shadow:       0 2px 12px rgba(0, 0, 0, 0.40);
    --mkt-shadow-elev:  0 8px 30px rgba(0, 0, 0, 0.55);
    --mkt-overlay:      rgba(0, 0, 0, 0.65);
}

/* E-Ink (минимальный контраст) */
.mkt-reader[data-maktaba-theme="eink"] {
    --mkt-bg:           #F0F0F0;
    --mkt-bg-elevated:  #FAFAFA;
    --mkt-bg-inset:     #E5E5E5;
    --mkt-text:         #1A1A1A;
    --mkt-text-muted:   #5A5A5A;
    --mkt-accent:       #3A3A3A;
    --mkt-accent-bg:    rgba(58, 58, 58, 0.06);
    --mkt-border:       #D0D0D0;
    --mkt-border-strong:#A8A8A8;
    --mkt-highlight:    #E0E0E0;
    --mkt-link:         #2A2A2A;
    --mkt-link-hover:   #000000;
    --mkt-selection-bg: #C8C8C8;
    --mkt-shadow:       0 1px 3px rgba(0, 0, 0, 0.08);
    --mkt-shadow-elev:  0 4px 12px rgba(0, 0, 0, 0.14);
    --mkt-overlay:      rgba(0, 0, 0, 0.45);
}

/* Превью-карточки тем (в панели управления внутри reader-а) */
.mkt-theme-card-cream .mkt-theme-swatch { background: linear-gradient(135deg, #FAF5E6 50%, #F5EEDC 50%); border-color: #E5DAC0; }
.mkt-theme-card-sepia .mkt-theme-swatch { background: linear-gradient(135deg, #EFE5CF 50%, #E8DCC4 50%); border-color: #D4C5A8; }
.mkt-theme-card-night .mkt-theme-swatch { background: linear-gradient(135deg, #221E1B 50%, #1A1614 50%); border-color: #3F3833; }
.mkt-theme-card-eink  .mkt-theme-swatch { background: linear-gradient(135deg, #FAFAFA 50%, #F0F0F0 50%); border-color: #D0D0D0; }