/* Základné farby pre mexický štýl */
:root {
  --mex-red: #e53935;
  --mex-yellow: #fbc02d;
  --mex-green: #43a047;
  --mex-orange: #fb8c00;
  --mex-blue: #1e88e5;
}

/* Príklad vlastného štýlu pre tlačidlá */
.mex-btn {
  background: var(--mex-red);
  color: #fff;
  border-radius: 0.5rem;
  padding: 0.75rem 2rem;
  font-weight: bold;
  font-size: 1.25rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: background 0.2s;
}
.mex-btn:hover, .mex-btn:focus {
  background: var(--mex-orange);
  outline: 2px solid var(--mex-yellow);
}

/* Príklad pre sekcie s mexickým vzorom */
.mex-section {
  border: 4px dashed var(--mex-yellow);
  background: linear-gradient(135deg, var(--mex-yellow) 0%, var(--mex-red) 100%);
  padding: 2rem;
  border-radius: 1.5rem;
  margin-bottom: 2rem;
}

/* Príklad pre nadpisy s mexickým fontom */
.mex-heading {
  font-family: 'Festive', cursive, sans-serif;
  color: var(--mex-red);
  letter-spacing: 2px;
  font-size: 2.5rem;
}

/* Príklad pre prístupnosť: vysoký kontrast */
.high-contrast {
  background: #fff;
  color: #111;
}