:root {
  /* Palette: Warm Orange/Red/Dark */
  --primary-color: #D35400; /* Гарбузовий */
  --secondary-color: #FAE5D3; /* Світло-бежевий */
  --accent-color: #C0392B; /* Темно-червоний */
  --light-color: #FFFFFF;
  --dark-color: #17202A;
  
  --gradient-primary: linear-gradient(45deg, #E67E22 0%, #D35400 100%);
  --hover-color: #A04000;
  --background-color: #FEF9E7;
  --text-color: #34495E;
  
  --border-color: #F5B7B1;
  --divider-color: #E6B0AA;
  --shadow-color: rgba(211, 84, 0, 0.2);
  
  --highlight-color: #F1C40F;
  
  --main-font: 'Roboto', sans-serif;
  --heading-font: 'Oswald', sans-serif;
}

body {
    background-color: var(--background-color);
    color: var(--text-color);
    font-family: var(--main-font);
}

h1, h2, h3, h4 {
    font-family: var(--heading-font);
    text-transform: uppercase;
}

.feature-box {
    background: white;
    border-left: 5px solid var(--primary-color);
    box-shadow: 0 2px 5px var(--shadow-color);
}

.btn-vital {
    background: var(--gradient-primary);
    color: white;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(211, 84, 0, 0.4);
    transition: all 0.3s ease;
}
.btn-vital:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(211, 84, 0, 0.6);
}

.highlight-bg {
    background-color: var(--secondary-color);
    border-radius: 8px;
}