:root {
  --font-base: "Georgia", serif;
  --body-bg: linear-gradient(180deg, #0f1c2e, #1e2f4a);
  --text-main: #ffffff;       /* main - szöveg */
  --header-bg: #0a1424;        /* fejléc - háttér */
  --header-text: #cdd9ed;         /* fejléc - szöveg */
  --main-bg: linear-gradient(to right, #0a1424, #4682b4);     /* közép - háttér */
  --footer-bg: #0a1424;        /* lábléc - háttér */
  --footer-text: #cdd9ed;         /* lábléc - szöveg */
  --card-bg: #cdd9ed;           /* kártya - háttér */
  --card-text: #0a1424;        /* kártya-szöveg */
  --accent: #cdd9ed;         /* navsáv - szöveg */
  --surface: white;
  --button-bg: #1f2a38;
  --shadow-soft: 0 6px 18px rgba(0,0,0,0.2);
}

/* =========================
   VILÁG KÁRTYÁK
========================= */

.world-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 30px;
}

.world-card {
  padding: 30px;
  border-radius: 16px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: var(--shadow-soft);
  cursor: pointer;
  text-align: center;
}

.world-card:hover {
  transform: translateY(-6px) scale(1.02);
}

.world-card.active:hover {
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}

.world-card .icon{
    font-size:40px;
    display:block;
    margin-bottom:10px;
}