html {
  scroll-behavior: smooth;
}

/* ============================================================
   FONT FACE — Ethnocentric (self-hosted, két változat)
   ============================================================ */
@font-face {
  font-family: "Ethnocentric";
  src: url("/fonts/ethnocentric.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Ethnocentric";
  src: url("/fonts/ethnocentric_it.otf") format("opentype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root {
  /* Font rétegek */
  --font-display: "Ethnocentric", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Fira Mono", monospace;
  --font-body: system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Színek */
  --color-brand: #0132AA;
  --color-dark: #111827;
  --color-dark-border: #1e2d45;

}

/* ============================================================
   VÁLTAKOZÓ VILÁGOS SZEKCIÓ-HÁTTÉR — újrahasználható segédosztályok
   Sorrend: section-white → section-blue → section-white → ...
   ============================================================ */

/* Fehér szekció (1., 3., … világos szekció) */
.section-white {
  background-color: #ffffff;
}

/* Halványkék szekció — brand-kék tónusú (2., 4., … világos szekció) */
.section-blue {
  background-color: #DCE5F2;
}

/* ============================================================
   SZEKCIÓ RÁCS-HÁTTÉR — újrahasználható segédosztályok
   ============================================================ */

/* Sötét szekciókhoz (#111727 alap): halvány világoskék rácsot ad */
.section-grid-dark {
  background-image:
    linear-gradient(rgba(41, 82, 217, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(41, 82, 217, 0.09) 1px, transparent 1px);
  background-size: 40px 40px;
  background-attachment: fixed;
}

/* Világos szekciókhoz (fehér alap): halvány szürke rácsot ad */
.section-grid-light {
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.09) 1px, transparent 1px);
  background-size: 40px 40px;
  background-attachment: fixed;
}

/* ============================================================
   RESET
   ============================================================ */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ============================================================
   BASE
   ============================================================ */
body {
  font-family: var(--font-body);
  color: #1a1a1a;
  line-height: 1.6;
}