@font-face {
    font-family: 'Heebo';
    src: url('./fonts/Heebo-Regular.ttf') format('truetype');
    font-weight: 400; /* Regular */
    font-style: normal;
}

@font-face {
    font-family: 'Heebo';
    src: url('./fonts/Heebo-Bold.ttf') format('truetype');
    font-weight: 700; /* Bold */
    font-style: normal;
}
:root {
    /* Primární barvy */
    --primary-blue: #4970ff;
    --primary-dark-blue: #283050;
  
    /* Sekundární barvy - oranžová */
    --secondary-orange: #ffb450;
    --secondary-orange-50: #ffc77c;
    --secondary-orange-20: #ffe4c0;
  
    /* Sekundární barvy - červená */
    --secondary-red: #ff7666;
    --secondary-red-50: #ffb5b2;
    --secondary-red-20: #ffe5e0;
  
    /* Sekundární barvy - tyrkysová */
    --secondary-turquoise: #00b5b0;
    --secondary-turquoise-50: #a8e0e5;
    --secondary-turquoise-20: #dcf3f5;
  
    /* Sekundární barvy - modrá */
    --secondary-light-blue: #64c1fa;
    --secondary-light-blue-50: #b1dffc;
    --secondary-light-blue-20: #e0f3fe;
  
    /* Sekundární barvy - fialová */
    --secondary-purple: #9485f2;
    --secondary-purple-50: #c9f1f8;
    --secondary-purple-20: #eae7fc;
  
    /* Neutrální barvy */
    --neutral-light-gray: #fafafa;
    --neutral-white: #ffffff;
  }