/* ==========================================================================
   Red Peak — design tokens
   ========================================================================== */

:root {
  /* Цвет */
  --color-bg: #040a0a;
  --color-ink: #111111;
  --color-white: #ffffff;
  --color-red: #c6001a;
  --color-dark-grid: #1b2020;
  --color-light-grid: #e6e7e7;
  --color-glass: rgba(255, 255, 255, 0.1);
  --color-muted: rgba(255, 255, 255, 0.5);

  /* Шкала отступов */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-56: 56px;

  /* Внешний отступ страницы */
  --gutter: var(--space-20);

  /* Вертикальные поля секции: 120px на макете 1440 */
  --section-pad: max(64px, 8.33vw);

  /* Радиусы */
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-32: 32px;
  --radius-40: 40px;

  /* Типографика */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

  /* Резиновые кегли: значения дизайна привязаны к макету 1440px */
  --fs-display: max(40px, 9.72vw);  /* 140px @1440 */
  --fs-h1: max(32px, 8.33vw);       /* 120px @1440 */
  --fs-h2: max(22px, 3.33vw);       /* 48px  @1440 */
  --fs-h3: max(19px, 1.944vw);      /* 28px  @1440 */
  --fs-body: max(15px, 1.25vw);     /* 18px  @1440 */
  --fs-ui: 14px;

  --tracking-tight: -0.02em;
  --tracking-ui: -0.01em;
}

/* ==========================================================================
   Reset
   ========================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background-color: var(--color-bg);
  color: var(--color-white);
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
p {
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
  color: inherit;
  border: 0;
  background: none;
}