/* Общие цвета, шрифты и элементы для всех страниц «Учимся».
   Подключение: <link rel="stylesheet" href="../assets/common.css"> (с главной — "assets/common.css"). */

/* Шрифты лежат на сайте (лицензия SIL OFL), внешних запросов нет. Rubik — вариативный, один файл на все жирности. */
@font-face{font-family:'Andika';font-weight:400;font-display:swap;src:url(fonts/andika-400-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Andika';font-weight:400;font-display:swap;src:url(fonts/andika-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+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Andika';font-weight:700;font-display:swap;src:url(fonts/andika-700-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Andika';font-weight:700;font-display:swap;src:url(fonts/andika-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+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rubik';font-weight:300 900;font-display:swap;src:url(fonts/rubik-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Rubik';font-weight:300 900;font-display:swap;src:url(fonts/rubik-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#EEF3F8; --surface:#FFFFFF; --ink:#17263A; --muted:#566678; --line:#D3DDE8;
  --c1:#2358D6; --c2:#12804A; --c3:#D45F00; --c4:#8A3FB5;
  --font-body:'Andika',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-title:'Rubik','Andika',system-ui,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0F1A27; --surface:#18283A; --ink:#EAF1F8; --muted:#A3B3C5; --line:#2C4056;
    --c1:#7BA3FF; --c2:#55D68F; --c3:#FFA24D; --c4:#D4A0F5;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0F1A27; --surface:#18283A; --ink:#EAF1F8; --muted:#A3B3C5; --line:#2C4056;
  --c1:#7BA3FF; --c2:#55D68F; --c3:#FFA24D; --c4:#D4A0F5;
  color-scheme:dark;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--font-body); font-size:18px; line-height:1.4;
  -webkit-tap-highlight-color:transparent}
button{font:inherit; color:inherit; cursor:pointer; touch-action:manipulation}
[hidden]{display:none!important}

/* Кнопка «Домой» — одинаковая на всех страницах */
.home{display:inline-flex; align-items:center; gap:8px; min-height:48px; padding:0 18px 0 14px;
  border:2px solid var(--line); background:var(--surface); color:var(--ink); border-radius:999px;
  font:700 19px/1 var(--font-body); text-decoration:none}
.home svg{width:26px; height:26px; flex:none}
.home:focus-visible, button:focus-visible{outline:4px solid var(--c1); outline-offset:3px}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms!important; animation-iteration-count:1!important; animation-delay:0s!important; transition-duration:.01ms!important}
}