/* Свою вспышку по касанию браузер рисует поверх любых наших стилей —
   выключаем её везде, подсветкой управляем сами. */
html { -webkit-tap-highlight-color: transparent; }

/* ==========================================================================
   Полка — tokens.css
   Дизайн-система «Тёплый дом»: глиняный акцент, бумажный фон, тёплые тени.
   Здесь только переменные и шрифты. Компоненты — в app.css.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Шрифты (локальные, /static/fonts). Диапазоны — как в макетах.
   Дисплей: Nunito 700/800 · Текст: Onest 400/500 · Тексты записей: Literata 400/600
   -------------------------------------------------------------------------- */

/* Nunito 700 */
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/nunito-700-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/nunito-700-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/nunito-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Nunito 800 */
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url('/static/fonts/nunito-800-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url('/static/fonts/nunito-800-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url('/static/fonts/nunito-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* Onest 400 */
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/onest-400-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/onest-400-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/onest-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Onest 500 */
@font-face{font-family:'Onest';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/onest-500-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Onest';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/onest-500-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Onest';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/onest-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* Literata 400 */
@font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/literata-400-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/literata-400-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/literata-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Literata 600 */
@font-face{font-family:'Literata';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/literata-600-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Literata';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/literata-600-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Literata';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/literata-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}


/* --------------------------------------------------------------------------
   2. Светлая тема — «Тёплый дом»
   -------------------------------------------------------------------------- */
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/golos-text-400-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/golos-text-400-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/golos-text-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/golos-text-500-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/golos-text-500-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/golos-text-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/golos-text-600-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/golos-text-600-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/golos-text-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/manrope-400-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/manrope-400-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/manrope-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/manrope-600-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/manrope-600-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/manrope-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('/static/fonts/manrope-800-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('/static/fonts/manrope-800-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('/static/fonts/manrope-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Geologica';font-style:normal;font-weight:300;font-display:swap;src:url('/static/fonts/geologica-300-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Geologica';font-style:normal;font-weight:300;font-display:swap;src:url('/static/fonts/geologica-300-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Geologica';font-style:normal;font-weight:300;font-display:swap;src:url('/static/fonts/geologica-300-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Geologica';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/geologica-500-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Geologica';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/geologica-500-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Geologica';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/geologica-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Geologica';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/geologica-700-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Geologica';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/geologica-700-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Geologica';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/geologica-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

@font-face{font-family:'Caveat';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/caveat-400-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/caveat-400-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/caveat-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/caveat-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/caveat-600-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/caveat-600-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/caveat-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/caveat-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/jetbrains-mono-400-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/jetbrains-mono-400-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/jetbrains-mono-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/jetbrains-mono-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/jetbrains-mono-500-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/jetbrains-mono-500-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/jetbrains-mono-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/jetbrains-mono-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Literata';font-style:italic;font-weight:400;font-display:swap;src:url('/static/fonts/literata-400i-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Literata';font-style:italic;font-weight:400;font-display:swap;src:url('/static/fonts/literata-400i-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Literata';font-style:italic;font-weight:400;font-display:swap;src:url('/static/fonts/literata-400i-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Literata';font-style:italic;font-weight:400;font-display:swap;src:url('/static/fonts/literata-400i-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Literata';font-style:italic;font-weight:700;font-display:swap;src:url('/static/fonts/literata-700i-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Literata';font-style:italic;font-weight:700;font-display:swap;src:url('/static/fonts/literata-700i-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Literata';font-style:italic;font-weight:700;font-display:swap;src:url('/static/fonts/literata-700i-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Literata';font-style:italic;font-weight:700;font-display:swap;src:url('/static/fonts/literata-700i-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:italic;font-weight:400;font-display:swap;src:url('/static/fonts/inter-400i-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Inter';font-style:italic;font-weight:400;font-display:swap;src:url('/static/fonts/inter-400i-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Inter';font-style:italic;font-weight:400;font-display:swap;src:url('/static/fonts/inter-400i-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:italic;font-weight:400;font-display:swap;src:url('/static/fonts/inter-400i-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{
  color-scheme:light;

  /* --- шрифты --- */
  --font-display:'Nunito', ui-rounded, 'Segoe UI', system-ui, sans-serif;
  --font-text:'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-read:'Literata', Georgia, 'Times New Roman', serif;
  --fw-display:700;            /* обычный дисплейный */
  --fw-display-strong:800;     /* заголовки, числа */
  --fw-text:400;
  --fw-text-med:500;
  --fw-read:400;
  --fw-read-strong:600;

  /* --- поверхности --- */
  --bg:#FBF7F2;                /* фон страницы */
  --bg-deep:#F5EEE5;           /* сайдбар, «дальний» план */
  --bg-veil:rgba(251,247,242,.86); /* липкие панели поверх контента */
  --surface:#FFFFFF;           /* карточки, строки */
  --surface-raised:#FFFFFF;    /* приподнятая поверхность: тост, поповер */
  --surface-sunk:#FAF4EC;      /* ховер строки, тихая заливка */
  --surface-mute:#F1E7DA;      /* счётчики, плашки, миниатюры-заглушки */
  --surface-grad:linear-gradient(180deg,#FFFFFF 0%,#FEFAF5 100%);
  --surface-raised-grad:linear-gradient(180deg,#FFFFFF 0%,#FBF5EE 100%);

  /* --- текст --- */
  --text:#2B2622;              /* 14.0:1 на фоне */
  --text-soft:#4A423C;         /* тело записи, вторичный по важности */
  --text-muted:#6E645C;        /* приглушённый · 5.4:1 */
  --text-faint:#756860;        /* ещё тусклее · 5.0:1 */
  --text-on-accent:#FFFFFF;    /* на глиняной заливке · 4.5:1+ */

  /* --- линии --- */
  --line:#EDE4DA;              /* обычная граница */
  --line-strong:#DDD0BF;       /* граница-акцент: поля, разделители силой выше */
  --line-accent:#E7C6B3;       /* граница в глине: активные чипы, тинт-плашки */
  --line-top:rgba(255,255,255,.9); /* верхняя кромка поверхности (ловит свет) */

  /* --- акцент: глина --- */
  --accent:#C6714B;            /* бренд-цвет: точки, метки, заливки */
  --accent-ink:#9E5133;        /* глина как ТЕКСТ/иконка · 5.4:1 */
  --accent-hi:#B45F3B;         /* верх градиента кнопки (белый текст 4.5:1) */
  --accent-deep:#98492A;       /* тёмный акцент: низ градиента, нажатие */
  --accent-hi-hover:#BE6841;
  --accent-deep-hover:#A2512F;
  --accent-tint:#F7E8DF;       /* тинт акцента: плашки, активные чипы */
  --accent-tint-strong:#F1DACD;
  --tap-bg:#DFAF9A;            /* фон под пальцем */

  /* --- служебные --- */
  --danger:#B2432B;
  --danger-tint:#FBEAE4;
  --focus-ring:rgba(198,113,75,.34);   /* цвет обводки фокуса */
  --focus-line:#9E5133;                /* контурная линия фокуса */
  --focus-w:3px;

  /* --- декор --- */
  --overlay-hi:rgba(255,255,255,.30);  /* внутренняя подсветка сверху */
  --overlay-press:rgba(90,40,20,.35);  /* тень внутрь при нажатии */
  --scrim:linear-gradient(180deg,rgba(60,30,14,0),rgba(60,30,14,.62));
  --cover-a:#D9945E;                   /* обложка-заглушка: верх */
  --cover-b:#9C5228;                   /* обложка-заглушка: низ */
  --cover-shine:rgba(255,255,255,.34);
  --skeleton-a:#F1E7DA;
  --skeleton-b:#FAF4EC;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E");
  --grain-opacity:.06;
  /* иконки, вшитые в background полей (цвет = --text-faint соответствующей темы) */
  --icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23756860' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7.5'/%3E%3Cpath d='M21 21l-4.6-4.6'/%3E%3C/svg%3E");
  --icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23756860' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");

  /* --- радиусы --- */
  --r-card:20px;               /* карточка */
  --r-row:16px;                /* строка, крупный блок внутри карточки */
  --r-field:12px;              /* поле, кнопка */
  --r-xs:10px;                 /* мелочь: миниатюра, метка категории */
  --r-pill:999px;              /* круг / пилюля */

  /* --- сетка 8px --- */
  --u:8px;
  --u-half:4px;                /* только для пары «иконка + текст» */
  --u2:16px;
  --u3:24px;
  --u4:32px;
  --u5:40px;
  --u6:48px;

  /* --- размеры каркаса --- */
  --tap:48px;                  /* минимальная тап-зона */
  --topbar-h:56px;
  --tabbar-h:64px;
  --sidebar-w:264px;
  --row-h:56px;
  --thumb:40px;
  --content-max:1240px;
  --safe-b:env(safe-area-inset-bottom, 0px);

  /* --- тени: тёплые, коричневатые --- */
  --sh-1:0 1px 2px rgba(92,64,44,.06);
  --sh-2:0 2px 6px -2px rgba(92,64,44,.10), 0 10px 24px -14px rgba(92,64,44,.28);
  --sh-3:0 3px 8px -3px rgba(92,64,44,.12), 0 18px 38px -20px rgba(92,64,44,.40);
  --sh-4:0 6px 14px -6px rgba(92,64,44,.16), 0 28px 56px -28px rgba(92,64,44,.46);
  --sh-accent:0 6px 16px -6px rgba(150,72,44,.52), 0 2px 4px rgba(150,72,44,.22);
  --sh-accent-lg:0 10px 24px -8px rgba(150,72,44,.58), 0 3px 8px rgba(150,72,44,.26);
  --sh-inset-hi:inset 0 1px 0 var(--overlay-hi);
  --sh-inset-press:inset 0 2px 5px var(--overlay-press);
  --sh-sheet:0 -8px 24px -14px rgba(92,64,44,.45);

  /* --- движение (ровно три анимации, см. app.css) --- */
  --dur-press:120ms;
  --dur-enter:220ms;
  --dur-pulse:1400ms;
  --ease:cubic-bezier(.2,.7,.3,1);
}


/* --------------------------------------------------------------------------
   3. Тёмная тема — «Тёплый дом ночью»
   Глубокий тёплый near-black, поверхности с вертикальным градиентом
   и границей, что светлее сверху. Глина подсветлена до AA на тёмном.
   -------------------------------------------------------------------------- */
[data-theme="dark"]{
  color-scheme:dark;

  /* --- поверхности --- */
  --bg:#14100E;
  --bg-deep:#100D0B;
  --bg-veil:rgba(20,16,14,.86);
  --surface:#1E1815;
  --surface-raised:#272019;
  --surface-sunk:#191411;
  --surface-mute:#2A2320;
  --surface-grad:linear-gradient(180deg,#241D19 0%,#1B1613 100%);
  --surface-raised-grad:linear-gradient(180deg,#2E2620 0%,#241D18 100%);

  /* --- текст --- */
  --text:#F2E9E1;              /* 14.6:1 на поверхности */
  --text-soft:#DCCFC3;
  --text-muted:#BEAFA2;        /* 8.2:1 */
  --text-faint:#9C8D80;        /* 5.5:1 */
  --text-on-accent:#FFFFFF;

  /* --- линии (верхняя кромка ярче — ловит свет) --- */
  --line:#332A24;
  --line-strong:#4B3F36;
  --line-accent:#5A3826;
  --line-top:rgba(255,240,225,.10);

  /* --- акцент --- */
  --accent:#E5905F;            /* подсветлён: 7.1:1 как текст на поверхности */
  --accent-ink:#EFA47C;        /* 8.6:1 */
  --accent-hi:#B45F3B;         /* заливка кнопки остаётся глубокой: белый 4.5:1 */
  --accent-deep:#98492A;
  --accent-hi-hover:#C26841;
  --accent-deep-hover:#A55130;
  --accent-tint:#33221A;
  --accent-tint-strong:#3F2920;
  --tap-bg:#62412E;

  /* --- служебные --- */
  --danger:#F0866B;            /* 7.0:1 */
  --danger-tint:#341A14;
  --focus-ring:rgba(229,144,95,.42);
  --focus-line:#EFA47C;

  /* --- декор --- */
  --overlay-hi:rgba(255,236,220,.14);
  --overlay-press:rgba(0,0,0,.45);
  --scrim:linear-gradient(180deg,rgba(12,8,6,0),rgba(12,8,6,.78));
  --cover-a:#B4763F;
  --cover-b:#5E3418;
  --cover-shine:rgba(255,236,220,.22);
  --skeleton-a:#2A2320;
  --skeleton-b:#352C27;
  --grain-opacity:.09;
  --icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239C8D80' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7.5'/%3E%3Cpath d='M21 21l-4.6-4.6'/%3E%3C/svg%3E");
  --icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239C8D80' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");

  /* --- тени: чернее и мягче --- */
  --sh-1:0 1px 2px rgba(0,0,0,.44);
  --sh-2:0 2px 6px -2px rgba(0,0,0,.50), 0 10px 24px -14px rgba(0,0,0,.72);
  --sh-3:0 3px 8px -3px rgba(0,0,0,.56), 0 18px 38px -20px rgba(0,0,0,.80);
  --sh-4:0 6px 14px -6px rgba(0,0,0,.60), 0 28px 56px -28px rgba(0,0,0,.86);
  --sh-accent:0 6px 18px -6px rgba(198,113,75,.62), 0 2px 4px rgba(0,0,0,.40);
  --sh-accent-lg:0 12px 30px -10px rgba(198,113,75,.66), 0 3px 8px rgba(0,0,0,.44);
  --sh-sheet:0 -8px 24px -14px rgba(0,0,0,.70);
}