/* RESET & GLOBAL VARIABLES */
/* 1) Import Google Font */
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
:root {
  --dark:   #111827;
  --light:  #F5F7FA;
  --accent: #1CB5E0;
  --white:  #FFFFFF;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Poppins:wght@300;400;500;700&display=swap');
body {
  font-family: 'Poppins', sans-serif;
  color: #1F2937;
  background: var(--light);
  line-height: 1.6;
}
/* CONTAINERS */
.container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
.custom-cursor {
  position: fixed;
  top: 0; left: 0;
  width: 24px; height: 24px;
  margin-top: -12px;  /* 50 % výšky */
  margin-left: -12px; /* 50 % šírky */
  border: 2px solid var(--accent);
  border-radius: 50%;
  pointer-events: none;
  transition: transform 0.08s ease-out;
  z-index: 9999;
  mix-blend-mode: difference; /* voliteľne: tweak pre kontrast */
}