@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto+Condensed:wght@400;700;900&display=swap");

/*
  Базовые токены вынесены отдельно.
  Так проще сохранить текущую палитру проекта и не смешивать ее с разметкой секций.
*/
:root {
  --background: #f8fafc;
  --foreground: #111827;
  --card: #ffffff;
  --card-foreground: #111827;
  --primary: #ff6a00;
  --primary-foreground: #ffffff;
  --secondary: #4b5563;
  --secondary-foreground: #ffffff;
  --muted: #f3f4f6;
  --muted-foreground: #4b5563;
  --accent: #0f8d5e;
  --accent-foreground: #ffffff;
  --destructive: #ef4444;
  --border: #e5e7eb;
  --surface-dark: #111827;
  --surface-dark-foreground: #f8fafc;
  --success: #0f8d5e;
  --radius: 4px;
  --shadow-lg: 0 24px 48px rgba(17, 24, 39, 0.14);
  --shadow-primary: 0 18px 40px rgba(255, 106, 0, 0.28);
}

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: "Inter", sans-serif;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

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

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

button,
input,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

textarea {
  resize: vertical;
}

svg,
i {
  pointer-events: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "Roboto Condensed", sans-serif;
}

p {
  margin: 0;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.is-hidden,
[hidden] {
  display: none !important;
}

.text-primary {
  color: var(--primary);
}

.text-success {
  color: var(--success);
}

.section-anchor {
  scroll-margin-top: 88px;
}

.honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

@media (max-width: 767px) {
  body {
    font-size: 15px;
  }
}