/* GameFest2 social templates – shared base styles.
   Load AFTER the Google Fonts link (Funnel Display + Spline Sans Mono, latin-ext is included by Google). */
:root {
  --navy: #0E0D59;
  --navy-1: #090840;
  --navy-2: #0B0A3E;
  --navy-3: #1E1D6E;
  --cian: #0DEBFF;
  --feher: #FFFFFF;
  --panel-a: #2A1466;
  --panel-b: #4A1C7A;
  --akcent: #0DEBFF;        /* set per image by GF2.akcent() */
  --akcent-sotet: #0A8F9F;  /* accent darkened toward navy, for text on white */
}
html, body { margin: 0; padding: 0; background: var(--navy); }
* { box-sizing: border-box; }
.vaszon { position: relative; overflow: hidden; color: var(--feher);
  font-family: 'Funnel Display', 'Helvetica Neue', Arial, sans-serif; font-weight: 700;
  -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; }
.abs { position: absolute; }
.mono { font-family: 'Spline Sans Mono', 'Courier New', monospace; }
.kiem { color: var(--akcent); }               /* *szó* in texts → accent colour */

/* Brand dot pattern band (filled by GF2.minta) */
.gf2-minta { position: absolute; left: 0; bottom: 0; overflow: hidden; pointer-events: none; }
.gf2-minta img { position: absolute; top: 0; display: block; }

/* Logo row: Széchenyi István Egyetem × UNI-G (filled by GF2.logok) */
.gf2-logok { display: flex; align-items: center; }
.gf2-logok img { display: block; }

/* Wordmark (filled by GF2.wordmark) */
.gf2-wm { position: relative; }
.gf2-wm img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }

/* Photo credit – must stay readable */
.gf2-kredit { position: absolute; padding: 5px 12px; border-radius: 8px; background: rgba(9, 8, 64, 0.88);
  font-family: 'Funnel Display', sans-serif; font-weight: 700; font-size: 24px; line-height: 1.15; color: #FFFFFF;
  white-space: nowrap; }