/* ============================================================
   КАРКАС · Premium — дизайн-токены
   ============================================================ */
:root {
  /* Палитра */
  --bg-graphite:   #1A1E2A;
  --bg-graphite-2: #11141D;
  --bg-sand:       #F5F2EC;
  --green:         #3EC87A;
  --green-glow:    rgba(62, 200, 122, 0.35);
  --navy:          #1C3557;
  --line:          #2D3748;
  --line-sand:     #E0DCD2;
  --text:          #FFFFFF;
  --text-dark:     #111827;
  --text-muted:    #9CA3AF;
  --text-muted-2:  #6B7280;

  /* Шрифты */
  --font-display: 'Unbounded', sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* Сетка / ритм */
  --content:   1200px;
  --frame:     1320px;
  --section-y: 160px;

  /* Радиусы */
  --r-btn:  4px;
  --r-card: 12px;

  /* Тайминги — единый премиальный easing на весь проект (B1) */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  /* Иерархия длительностей */
  --d-title: 1.0s;   /* заголовки */
  --d-text:  0.6s;   /* текст / блоки */
  --d-detail: 0.4s;  /* мелкие детали */
}

/* Типографическая шкала (десктоп) */
.t-h1 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 80px;
  line-height: 0.95;
  letter-spacing: -0.03em;
}
.t-h2 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 52px;
  line-height: 1.0;
  letter-spacing: -0.02em;
}
.t-h3 {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
}
.t-body {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.6;
}
.t-label {
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}