/*
  Типографика Silvana.
  Два фирменных шрифта:
   - General Sans (вариативный, woff2) — основной текстовый шрифт (body, UI).
   - Whyte (Regular/Medium/Bold, ttf) — акцентный шрифт для заголовков/логотипа.
  Файлы шрифтов лежат в ../assets/fonts/.
*/

@font-face {
  font-family: "General Sans";
  src: url("../assets/fonts/GeneralSans_Variable.woff2") format("woff2-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Whyte";
  src: url("../assets/fonts/Whyte_Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Whyte";
  src: url("../assets/fonts/Whyte_Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Whyte";
  src: url("../assets/fonts/Whyte_Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-sans: "General Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Whyte", -apple-system, BlinkMacSystemFont, sans-serif;

  /* Начертания */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Кегль + line-height (шкала Tailwind по умолчанию, как на сайте) */
  --text-xs: .75rem;    --text-xs--line-height: calc(1 / .75);
  --text-sm: .875rem;   --text-sm--line-height: calc(1.25 / .875);
  --text-base: 1rem;    --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;   --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;   --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;     --text-5xl--line-height: 1;
  --text-6xl: 3.75rem;  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem;   --text-7xl--line-height: 1;

  /* Трекинг и межстрочный интервал для крупных/мелких надписей */
  --tracking-normal: 0em;
  --tracking-wider: .05em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-relaxed: 1.625;
}

body {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
  color: var(--fg);
  background: var(--bg);
}

/* Заголовки — фирменный Whyte, чуть плотнее интерлиньяж */
h1, h2, h3, .font-display {
  font-family: var(--font-display);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-normal);
}

/* Пример "летящего" градиентного текста, используемого в hero-блоках сайта */
.text-gradient-flow {
  background: linear-gradient(115deg, var(--accent), var(--accent-hover), var(--accent));
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: text-gradient-flow 3.5s linear infinite;
}

@keyframes text-gradient-flow {
  0% { background-position: 0%; }
  to { background-position: 220%; }
}