/* ==========================================================
   Zone Themes — CSS custom properties per zone
   ========================================================== */

/* Egzamin Ósmoklasisty — bright, energetic */
.zone-8klasista {
  --zone-primary: #4CAF50;
  --zone-primary-rgb: 76, 175, 80;
  --zone-secondary: #FFC107;
  --zone-hero-bg: linear-gradient(135deg, #E8F5E9 0%, #FFF8E1 100%);
  --zone-accent: #FF9800;
}

/* Matura — mature, premium */
.zone-matura {
  --zone-primary: #5C6BC0;
  --zone-primary-rgb: 92, 107, 192;
  --zone-secondary: #26A69A;
  --zone-hero-bg: linear-gradient(135deg, #E8EAF6 0%, #E0F2F1 100%);
  --zone-accent: #7E57C2;
}

/* ==========================================================
   Zone Components
   ========================================================== */

.zone-hero {
  background: var(--zone-hero-bg);
}

.zone-heading {
  color: var(--zone-primary);
}

.zone-btn-primary {
  background-color: var(--zone-primary);
  border-color: var(--zone-primary);
  color: #fff;
}

.zone-btn-primary:hover,
.zone-btn-primary:focus {
  background-color: rgba(var(--zone-primary-rgb), 0.85);
  border-color: rgba(var(--zone-primary-rgb), 0.85);
  color: #fff;
}

.zone-accent-text {
  color: var(--zone-accent);
}

/* ==========================================================
   Zone Tiles (homepage)
   ========================================================== */

.zone-tile {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.zone-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.zone-tile-8klasista {
  border-left: 4px solid #4CAF50;
}

.zone-tile-matura {
  border-left: 4px solid #5C6BC0;
}