@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

:root {
  /* Палітра: #4A148C (Deep Purple), #7B1FA2 (Purple), #FFD700 (Gold), #F3E5F5 (Light Purple) */
  --primary-color: #4A148C;
  --secondary-color: #7B1FA2;
  --accent-color: #FFD700;
  --light-color: #FFFFFF;
  --dark-color: #120524;
  --gradient-primary: linear-gradient(135deg, #7B1FA2 0%, #4A148C 100%);
  --hover-color: #6A1B9A;
  --background-color: #FAFAFA;
  --text-color: #212121;
  --border-color: rgba(74, 20, 140, 0.2);
  --divider-color: rgba(255, 215, 0, 0.4);
  --shadow-color: rgba(74, 20, 140, 0.15);
  --highlight-color: #FFD700;
  
  /* Шрифти: Merriweather + Lato */
  --main-font: 'Merriweather', serif;
  --alt-font: 'Lato', sans-serif;
}

/* Card Style */
.zen-card {
    background: white;
    border-radius: 4px;
    border-bottom: 3px solid var(--accent-color);
    box-shadow: 0 10px 20px var(--shadow-color);
    transition: transform 0.3s ease;
}
.zen-card:hover {
    transform: translateY(-5px);
}

.gold-btn {
    background: var(--accent-color);
    color: var(--dark-color);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 10px rgba(255, 215, 0, 0.4);
    transition: all 0.3s ease;
}
.gold-btn:hover {
    background: #FFC107;
    box-shadow: 0 6px 15px rgba(255, 215, 0, 0.6);
}

/* Mobile Menu */
#menu-toggle { display: none; }
.mobile-dropdown {
    display: none;
    background: var(--dark-color);
    width: 100%;
    padding: 20px;
    border-top: 1px solid var(--accent-color);
}
#menu-toggle:checked ~ .mobile-dropdown { display: block; }
@media(min-width: 768px) {
    .mobile-dropdown { display: none !important; }
}