/**
 * Базовые стили для портфолио
 * Сброс, типографика, общие элементы
 */

/* ===== СБРОС И БАЗОВЫЕ СТИЛИ ===== */
* {
  box-sizing: border-box;
}

body {
  box-sizing: border-box;
  margin: 0;
  font-weight: var(--font-weight-normal);
  font-family: -apple-system, Roboto !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #0e1b21;
}

/* ===== ТИПОГРАФИКА ===== */
.text-primary {
  color: #708ea7;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 50px;
  font-family: 'Besom-2';
  vertical-align: baseline;
  display: inline-block;
}

.text-secondary {
  color: #9e7960;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 50px;
  font-family: 'Besom-2';
  vertical-align: baseline;
  display: inline-block;
}

.text-accent {
  font-family: 'Besom-cyr';
}

/* ===== АНИМАЦИИ ТЕКСТА ===== */
.animated-text {
  stroke-dasharray: 519;
  stroke-dashoffset: 519;
  animation: sign 2s ease;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}

@keyframes sign {
  to {
    stroke-dashoffset: 0;
  }
}

/* ===== УТИЛИТЫ ===== */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}