/* ===================================================================
   SZABADEGYETEM – DESIGN-TOKENEK  (SZAB-41, E3-S0)
   Forrás: docs/design/szabadegyetem-prototipus-3.html – „D · Campus".
   A prototípus variánsváltós [data-variant="campus"] blokkját ide,
   variáns-kapcsoló nélkül, közvetlenül a :root-ba emeljük (ADR-010:
   egy front-end variáns, nincs build-lépés). A szerkezet nem változik,
   csak a tokenek egyértelműsödnek.

   Self-hosted betűk (GDPR – nulla külső betű-kérés, ADR-010): a woff2
   fájlok a static/fonts/ alatt élnek; a @font-face itt, a tokenek felett.
   A CSS-ben nincs {% load static %} – a relatív ../fonts/ út a
   STATICFILES szerkezetnek felel meg (css/ testvére a fonts/).
   =================================================================== */

/* ===== SELF-HOSTED BETŰK (font-display: swap) ===== */

/* IBM Plex Sans – törzsszöveg (400/500/600/700), latin-ext (magyar ékezetek) */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-ext-400-normal.1bc0d8e41d21.woff2") format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-ext-500-normal.93a0df997e00.woff2") format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-ext-600-normal.8fccbdf5bf67.woff2") format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-ext-700-normal.46ac4a467593.woff2") format('woff2');
}

/* Literata – címek (400/600), latin-ext (magyar ékezetek) */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/literata-latin-ext-400-normal.77ec6aa1f05d.woff2") format('woff2');
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/literata-latin-ext-600-normal.5dcd790fff4b.woff2") format('woff2');
}

/* ===== TOKENEK ===== */
:root {
  /* --- Térköz-skála (variáns-független) --- */
  --ter-1: .25rem;
  --ter-2: .5rem;
  --ter-3: .75rem;
  --ter-4: 1rem;
  --ter-5: 1.5rem;
  --ter-6: 2rem;
  --ter-7: 3rem;
  --ter-8: 4.5rem;

  /* --- Érintési célméret (a11y §11.5) --- */
  --meret-erintes: 48px;
  --meret-erintes-kicsi: 44px;

  /* --- Lekerekítés (variáns-független) --- */
  --sugar-s: 4px;
  --sugar-m: 10px;
  --sugar-l: 16px;

  /* --- Vonal + állapot-színek (variáns-független) --- */
  --vonal: 1px solid var(--szin-vonal);
  --szin-siker: #1a7f4b;
  --szin-figyelem: #8a5a00;
  --szin-hiba: #b3261e;

  /* --- Fókusz-gyűrű (a11y, §11.5) --- */
  --fokusz: 3px solid var(--szin-kiemeles);

  /* --- Nyitó-kép horgony (amíg nincs saját kép: absztrakt rács) --- */
  --hero-kep: none;

  /* === CAMPUS variáns-tokenek (kapcsoló nélkül, közvetlenül) === */
  --szin-tinta: #12233A;
  --szin-tinta-halk: #5E7186;
  --szin-papir: #FFFFFF;
  --szin-hatter: #EDF1F5;
  --szin-vonal: #D3DCE4;
  --szin-kiemeles: #1B4FA8;
  --szin-kiemeles-halk: #E2EAF6;
  --keret-hallgato: #1B4FA8;
  --keret-hallgato-halk: #DEE7F5;
  --keret-kulsos: #96601A;
  --keret-kulsos-halk: #F3E8D6;
  --keret-ures: #DCE3EA;
  --betu-cim: 'Literata', Georgia, serif;
  --betu-szov: 'IBM Plex Sans', system-ui, sans-serif;
  --cim-suly: 600;
  --kartya-sugar: var(--sugar-m);
  --hero-1: #12233A;
  --hero-2: #1B4FA8;
}