/* Дизайн-токены бренда Inspire Studio.
   Единственное место, где задаётся палитра и типографика: перекраска бренда — здесь. */
:root {
  /* Палитра (взята из логотипа) */
  --c-red: #b90000;
  --c-red-700: #980000;
  --c-red-050: #fdeceb;
  --c-black: #000000;
  --c-ink: #171717;
  --c-body: #363638;
  --c-muted: #6d6d72;
  --c-silver: #bdbdbd;
  --c-line: #e7e7ea;
  --c-surface: #ffffff;
  --c-surface-2: #f5f5f6;
  --c-surface-3: #fafafa;

  /* Геометрия */
  --radius: 16px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  /* Тени */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow: 0 14px 40px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 24px 70px rgba(0, 0, 0, 0.2);

  /* Сетка и отступы */
  --container: 1200px;
  --gap: 24px;
  --section: clamp(48px, 7vw, 96px);
  --space: clamp(16px, 3vw, 28px);

  /* Типографика */
  --font-sans: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial,
    sans-serif;
  --fs-hero: clamp(30px, 4.6vw, 54px);
  --fs-h2: clamp(24px, 3vw, 38px);
  --fs-h3: clamp(18px, 2vw, 22px);
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 13px;
  --lh: 1.6;

  --transition: 0.2s ease;
}