:root {
  /* Варіант 4: Медичний Бірюзовий та Стерильний Сірий */
  /* #16A085 (Teal), #2C3E50 (Dark Blue), #ECF0F1 (Light Gray) */
  
  --primary-color: #16A085; /* Основний медичний бірюзовий */
  --secondary-color: #2C3E50; /* Темний, серйозний колір для тексту */
  --accent-color: #1ABC9C; /* Світліший бірюзовий */
  --light-color: #FFFFFF; /* Чистий білий */
  --dark-color: #0E2A36; /* Глибокий морський */
  
  --gradient-primary: linear-gradient(135deg, #16A085 0%, #0E6655 100%);
  
  --hover-color: #117A65;
  --background-color: #F8F9FA; /* Дуже світлий сірий, майже білий */
  --text-color: #34495E;
  
  --border-color: rgba(22, 160, 133, 0.3);
  --divider-color: rgba(44, 62, 80, 0.1);
  --shadow-color: rgba(44, 62, 80, 0.1);
  
  --highlight-color: #E67E22; /* Помаранчевий для CTA (контраст) */
  
  --main-font: 'Roboto', sans-serif;
  --heading-font: 'Montserrat', sans-serif;
}

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

h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font);
    font-weight: 700;
}

/* Clinical Cross Pattern SVG */
.bg-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2316A085' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}