/* =========================================================
   Тема «Цвета im.mcko.ru» — пробный вариант оформления.
   Подключается поверх style.css, только если в «Настройках»
   выбрана эта тема (site.theme = mcko) или в адресе есть ?theme=mcko.
   Чтобы вернуться к оформлению концепта — выбрать тему «Концепт»
   (файл можно даже удалить — сайт останется в прежнем виде).

   Палитра старого сайта: ультрамарин #082567, красный #c73d28,
   бирюзовый #008a99, сине-зелёный #009982, голубой и мятный из логотипа
   (#00e4ff, #00ffd8). Контраст усилен: фон темнее, текст темнее, границы чётче.
   ========================================================= */

:root {
  --navy-900: #061d52;   /* основной тёмный (темнее #082567 старого сайта) */
  --navy-800: #082567;   /* ультрамарин старого сайта */
  --navy-700: #0c3183;
  --navy-500: #1747a6;
  --teal-400: #00e4ff;   /* голубой из логотипа */
  --teal-600: #008a99;   /* бирюзовый старого сайта */
  --teal-700: #00707d;
  --teal-800: #025669;
  --accent-600: #c73d28; /* красный старого сайта */
  --accent-700: #a52f1c;
  --accent-100: #fbe3dd;
  --ink-900: #0b1222;
  --ink-700: #262d3d;
  --ink-600: #3d4657;
  --ink-500: #566072;
  --ink-400: #6b7588;
  --paper-alt: #edf2f9;
  --line: #d3dbe8;
  --line-strong: #a9b6cc;
  --shadow: 0 10px 30px rgba(6, 29, 82, .12);
  --shadow-l: 0 20px 50px rgba(6, 29, 82, .22);
}

/* Тёмные блоки — радиальный градиент, как на im.mcko.ru */
.hero,
.page-head,
.section-dark {
  background: radial-gradient(circle at 70% 30%, #0f3a93 0%, #082567 45%, #051a4a 100%);
}
.hero::after { background: radial-gradient(circle, rgba(0, 228, 255, .18), rgba(0, 228, 255, 0) 65%); }
.site-header { background: #051a4a; box-shadow: 0 1px 0 rgba(0, 228, 255, .18); }
.site-footer { background: #051a4a; }
.facts { background: #061d52; }

/* Знак — цвета логотипа */
.brand-mark { background: linear-gradient(135deg, #00ffd8, #00a8c4); }
.brand-mark svg { stroke: #051a4a; }
.brand-name small { color: #00ffd8; }

/* Надписи над заголовками */
.eyebrow { color: var(--accent-600); }
.hero .eyebrow, .page-head .eyebrow, .section-dark .eyebrow, .facts .eyebrow { color: #00e4ff; }

/* Заголовки и текст — контрастнее */
h1, h2, h3, h4 { color: var(--navy-900); }
.lead { color: var(--ink-600); }
.hero-lead, .page-head .lead { color: rgba(255, 255, 255, .92); }
.hero-stats span { color: rgba(255, 255, 255, .85); }
.hero-stats b { color: #00ffd8; }
.nav-link { color: #fff; }
.nav-link:hover, .nav-link[aria-current="page"] { border-bottom-color: #00e4ff; }

/* Кнопки */
.btn-primary { background: var(--accent-600); box-shadow: 0 6px 16px rgba(199, 61, 40, .3); }
.btn-secondary { border-color: #00e4ff; color: #fff; }
.btn-secondary:hover { background: rgba(0, 228, 255, .12); border-color: #00ffd8; }
.btn-outline { border-color: var(--navy-800); color: var(--navy-800); }

/* Карточки: чёткая рамка и цветная полоса сверху */
.card { border-color: var(--line); }
.quick-card, .nom-card:not(.nom-card--more) { border-top: 3px solid var(--teal-600); }
.quick-card .icon, .doc-link .icon, .mo-list .icon, .mo-type > button .icon { color: var(--teal-600); }
.nom-card--more { background: var(--navy-800); color: #fff; border-color: var(--navy-800); }
.nom-card--more:hover { color: #00ffd8; }

/* Чипы и бейджи */
.chip.is-active, .chip[aria-pressed="true"] { background: var(--teal-600); border-color: var(--teal-600); }
.badge-mid { background: #d9f3f5; color: #005f6a; }
.badge-top { background: var(--accent-600); }
.tag { border-color: #9fd6dc; color: #005f6a; background: #f1fbfc; }

/* Таблица вузов */
.vuz-head { background: #082567; }
.vuz-item:nth-child(even) { background: #f6f8fc; }
.vuz-rules a { color: var(--accent-600); }

/* Инструкции на тёмном */
.doc-row { background: rgba(255, 255, 255, .1); border: 1px solid rgba(0, 228, 255, .18); }
.doc-row:hover { background: rgba(0, 228, 255, .14); }
.doc-row .lead-icon { color: #00ffd8; }
.tab[aria-selected="true"] { border-bottom-color: #00e4ff; }
.metoda-list li { background: rgba(0, 228, 255, .1); border: 1px solid rgba(0, 228, 255, .2); }
.metoda-list b { color: #00ffd8; }

/* Частые вопросы */
.faq-item.is-open { border-color: var(--teal-600); box-shadow: inset 3px 0 0 var(--teal-600); }

/* Отзывы */
.quotes-dots button.is-active { background: var(--teal-600); }
.quote-photo { box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--teal-600); }

/* Статистика: город — ультрамарин, школа — красный */
.bar--city { background: #1747a6; }
.bar--p { background: #7fb9c2; }
.bar--r { background: var(--teal-600); }
.bar--w { background: #082567; }
.legend-dot--city { background: #1747a6; }

/* Методические материалы */
.mo-side a.is-active { background: var(--teal-600); }
.mo-group h4 { color: var(--teal-800); }

/* Объявление */
.notice { background: #fff3cd; border-bottom-color: #f0d68a; }

/* Кнопка «наверх» */
.to-top { background: var(--teal-600); box-shadow: 0 10px 24px rgba(0, 138, 153, .35); }
.to-top:hover { background: var(--teal-700); }