@font-face {
  font-family: "Manrope Local";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../assets/fonts/manrope-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Space Grotesk Local";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../assets/fonts/space-grotesk-latin.woff2") format("woff2");
}

:root {
  --color-bg: #050816;
  --color-bg-deep: #091224;
  --color-surface: rgba(10, 16, 33, 0.72);
  --color-surface-strong: rgba(7, 12, 24, 0.92);
  --color-border: rgba(255, 255, 255, 0.1);
  --color-text: #f5f7ff;
  --color-text-soft: #c8d3ea;
  --color-accent: #4da3ff;
  --color-accent-soft: #8ec5ff;
  --color-accent-strong: #6ae4ff;
  --color-success: #34d399;
  --shadow-glass: 0 24px 70px rgba(0, 0, 0, 0.3);
  --shadow-accent: 0 0 32px rgba(77, 163, 255, 0.22);
  --container-width: 1180px;
  --header-height: 92px;
  --section-spacing: clamp(4.5rem, 8vw, 7.5rem);
  --radius-lg: 1.5rem;
  --radius-md: 1rem;
  --font-body: "Manrope Local", "Segoe UI", sans-serif;
  --font-heading: "Space Grotesk Local", "Segoe UI", sans-serif;
}