/* Тёмная тема prokrastik — «чёрная бумага с охрой» */

/* Системное предпочтение (работает без JS, без мигания) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper:      #1A1610;
    --surface:    #241E15;
    --ink:        #EAE0C8;
    --ink-2:      #A8997E;
    --ink-3:      #7A6C56;
    --line:       #3C3426;
    --line-2:     #4E4232;
    --clay:       #D0663A;
    --clay-2:     #E07B4A;
    --clay-wash:  #2E1C10;
    --green:      #6A8A4A;
    --ok:         #8AB85A;
    --ok-bg:      #1E2A14;
    --ok-border:  #4A6A28;
    --warn:       #C49A30;
    --warn-bg:    #2A2010;
    --warn-border:#7A5E1A;
    --err:        #C04030;
    --err-bg:     #2A1610;
    --err-border: #7A3020;
  }
}

/* Ручное переключение через JS */
html[data-theme="dark"] {
  --paper:      #1A1610;
  --surface:    #241E15;
  --ink:        #EAE0C8;
  --ink-2:      #A8997E;
  --ink-3:      #7A6C56;
  --line:       #3C3426;
  --line-2:     #4E4232;
  --clay:       #D0663A;
  --clay-2:     #E07B4A;
  --clay-wash:  #2E1C10;
  --green:      #6A8A4A;
  --ok:         #8AB85A;
  --ok-bg:      #1E2A14;
  --ok-border:  #4A6A28;
  --warn:       #C49A30;
  --warn-bg:    #2A2010;
  --warn-border:#7A5E1A;
  --err:        #C04030;
  --err-bg:     #2A1610;
  --err-border: #7A3020;
}

/* Кнопка переключателя */
#dark-toggle {
  position: fixed;
  top: 14px;
  right: 18px;
  z-index: 9999;
  width: 34px;
  height: 34px;
  border: 1px solid var(--line-2, #CFC0A2);
  background: var(--paper, #F3EAD7);
  color: var(--clay, #B0502B);
  font-family: var(--mono, 'JetBrains Mono', ui-monospace, monospace);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.15s, color 0.15s;
  user-select: none;
  -webkit-user-select: none;
}
#dark-toggle:hover {
  border-color: var(--clay, #B0502B);
}