:root {
  --primary-color: #34495D;    /* Темний синій з палітри */
  --secondary-color: #EE7738;  /* Помаранчевий з палітри */
  --accent-color: #F59D2A;     /* Світло-помаранчевий з палітри */
  --light-color: #F2F2F2;      /* Світлий з палітри */
  --dark-color: #0F1021;       /* Найтемніший з палітри */
  
  --gradient-primary: linear-gradient(135deg, #34495D 0%, #0F1021 100%);
  --hover-color: #2C3D4F;      
  --background-color: #FFFFFF; 
  --text-color: #2C3D4F;       
  
  --border-color: rgba(52, 73, 93, 0.2);
  --divider-color: rgba(52, 73, 93, 0.1);
  --shadow-color: rgba(15, 16, 33, 0.15);
  
  --highlight-color: #D01257;  /* Компліментарний яскравий (малиновий) з палітри */
  
  --heading-font: 'Montserrat', sans-serif;
  --main-font: 'Open Sans', sans-serif;
}

/* Скидання базових стилів Tailwind для коректної роботи змінних */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}