/* ============================================================
   COTRY WEB STUDIO — стили сайта (Редактор CSS). English.
   Куда: тулбар Tilda → «Редактор CSS» → вставить ВЕСЬ код → Сохранить.

   ЦВЕТА (исправлено): один акцентный голубой #8FB5C9 на весь сайт.
   Роль голубого — ТОЛЬКО надзаголовки/моно-лейблы и номера.
   Клевер — чёрный. Ссылки — НЕ голубые (тёмные с подчёркиванием).

   ARCHIVO и IBM Plex Mono уже подключены нативно
   (Настройки → Шрифты). Здесь только размеры, цвета, кнопки, формы.
   ============================================================ */

:root{
  --cotry-ink:#111318; --cotry-bone:#F5F3EC; --cotry-blue:#8FB5C9;
  --cotry-gray:#4D4D4A; --cotry-mut:#8A8A85;
  --cotry-line:rgba(17,19,24,.12);
}
.t-body{ background-color:var(--cotry-bone); }

/* ЗАГОЛОВКИ (Archivo) */
.t-title, .t-heading, .t-rec h1, .t-rec h2, .t-rec h3, .t-rec h4{
  font-family:'Archivo',-apple-system,BlinkMacSystemFont,sans-serif !important;
  font-weight:700 !important; color:var(--cotry-ink) !important;
  letter-spacing:-0.01em; line-height:1.06;
}
.t-rec h1{ font-size:64px !important; }
.t-rec h2{ font-size:44px !important; }
.t-rec h3{ font-size:28px !important; }
.t-rec h4{ font-size:22px !important; }

/* ТЕКСТ / ПОДЗАГОЛОВКИ */
.t-descr, .t-text, .t-rec p, .t-name{
  font-family:'Archivo',sans-serif !important; font-weight:400 !important;
  color:var(--cotry-gray) !important; line-height:1.5;
}
.t-descr, .t-text{ font-size:17px !important; }

/* МОНО-НАДЗАГОЛОВКИ / ЛЕЙБЛЫ — класс uc-label (Zero Block → Class).
   ЭТО одно из двух мест, где живёт голубой. */
.uc-label{
  font-family:'IBM Plex Mono',monospace !important; font-weight:500 !important;
  text-transform:uppercase; letter-spacing:0.08em; font-size:12px !important;
  color:var(--cotry-blue) !important;
}

/* НОМЕРА секций/кейсов (01, 02, 03…) — класс uc-num.
   ВТОРОЕ место, где живёт голубой. */
.uc-num{
  font-family:'IBM Plex Mono',monospace !important; font-weight:500 !important;
  letter-spacing:0.04em; color:var(--cotry-blue) !important;
}

/* ССЫЛКИ — НЕ голубые: тёмные с подчёркиванием, ховер — светлее. */
.t-text a, .t-descr a{
  color:var(--cotry-ink) !important; text-decoration:none !important;
  border-bottom:1px solid var(--cotry-line); transition:color .2s,border-color .2s,opacity .2s;
}
.t-text a:hover, .t-descr a:hover{ opacity:.6; border-bottom-color:var(--cotry-ink); }

/* КНОПКИ — вид, цвет и размеры. Ховер — приподнятый тёмный (не голубой). */
.t-btn, .t-submit{
  font-family:'Archivo',sans-serif !important; font-weight:600 !important;
  font-size:16px !important; letter-spacing:0.01em !important;
  line-height:1.2 !important;
  padding:18px 34px !important; min-height:56px !important;
  background-color:var(--cotry-ink) !important;
  color:#fff !important; border:none !important; border-radius:2px !important;
  transition:background-color .25s ease, transform .2s ease !important;
}
.t-btn:hover, .t-submit:hover{ background-color:#23262E !important; transform:translateY(-1px); }

/* ФОРМЫ — фокус подсвечивается ЕДИНЫМ голубым #8FB5C9. */
.t-input{
  font-family:'Archivo',sans-serif !important; font-size:16px !important;
  color:var(--cotry-ink) !important; background-color:#fff !important;
  border:1px solid var(--cotry-line) !important; border-radius:2px !important;
  transition:border-color .2s, box-shadow .2s !important;
}
.t-input:focus{ border-color:var(--cotry-blue) !important; box-shadow:0 0 0 3px rgba(143,181,201,.30) !important; }
.t-input::placeholder{ color:var(--cotry-mut) !important; }
.t-input-title{ font-family:'IBM Plex Mono',monospace !important; font-size:11px !important; text-transform:uppercase; letter-spacing:0.08em; color:var(--cotry-mut) !important; }

/* МОБАЙЛ */
@media screen and (max-width:640px){
  .t-rec h1{ font-size:38px !important; line-height:1.05 !important; }
  .t-rec h2{ font-size:28px !important; }
  .t-rec h3{ font-size:22px !important; }
  .t-descr, .t-text{ font-size:15px !important; }
  .t-btn, .t-submit{ padding:15px 26px !important; min-height:50px !important; font-size:15px !important; }
}
@media screen and (max-width:480px){ .t-rec h1{ font-size:32px !important; } }