/* masterobzor.ru — токены. Образ: записная книжка мастера, а не витрина магазина.
   Тёплая бумага, графит, одна охряная риска. Оранжевый строймаркета (#FF6B00) отвергнут:
   он ставит сайт в позицию продавца, а не советчика. */

:root {
  --bg:          #FAF9F7;
  --surface:     #FFFFFF;
  --surface-2:   #F3F1ED;
  --border:      #E5E1D9;
  --text:        #1A1917;
  --muted:       #6B665E;
  --accent:      #B4531B;
  --accent-soft: #F6E9DF;
  --good:        #1F7A45;
  --warn:        #8A5A00;
  --bad:         #B3261E;
  --shadow:      0 1px 2px rgba(26,25,23,.05), 0 8px 24px -16px rgba(26,25,23,.18);

  /* Golos Text — OFL, полная кириллица. На старте один шрифт на всё:
     второй файл и второй набор весов бьют по LCP. Literata вводится на 50-й странице. */
  --font: "Golos Text", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;

  --measure: 680px;   /* мера строки — жёстко, даже если контейнер шире */
  --wide:    1180px;
  --radius:  4px;     /* мастерская записная книжка: почти прямые углы */
  --gap:     clamp(16px, 2.4vw, 28px);
}

/* Тёмный фон — тёплый графит, не синий и не чистый чёрный: иначе бумага
   превращается в терминал. Акцент осветлён — #B4531B на #131211 даёт 2,3:1. */
@media (prefers-color-scheme: dark) {
  :root {
    --bg:          #131211;
    --surface:     #1C1A18;
    --surface-2:   #24221F;
    --border:      #302D29;
    --text:        #EDEAE4;
    --muted:       #A19B92;
    --accent:      #E0803F;
    --accent-soft: #33241A;
    --good:        #4CC38A;
    --warn:        #D7A32C;
    --bad:         #F2685E;
    --shadow:      0 1px 2px rgba(0,0,0,.4), 0 8px 24px -16px rgba(0,0,0,.7);
  }
}

:root[data-theme="dark"] {
  --bg:#131211; --surface:#1C1A18; --surface-2:#24221F; --border:#302D29;
  --text:#EDEAE4; --muted:#A19B92; --accent:#E0803F; --accent-soft:#33241A;
  --good:#4CC38A; --warn:#D7A32C; --bad:#F2685E;
  --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -16px rgba(0,0,0,.7);
}
:root[data-theme="light"] {
  --bg:#FAF9F7; --surface:#FFFFFF; --surface-2:#F3F1ED; --border:#E5E1D9;
  --text:#1A1917; --muted:#6B665E; --accent:#B4531B; --accent-soft:#F6E9DF;
  --good:#1F7A45; --warn:#8A5A00; --bad:#B3261E;
  --shadow: 0 1px 2px rgba(26,25,23,.05), 0 8px 24px -16px rgba(26,25,23,.18);
}