/* Boje odgovaraju pozadini i fokusu tema u medicline_shared (color_schemes.dart). */
:root {
  --background: #ffffff;
  --ring: #3e9e45;
  --track: #dde3e0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --background: #0f1211;
    --track: #2f3733;
  }
}

:root[data-theme="dark"] {
  --background: #0f1211;
  --track: #2f3733;
}

html,
body {
  margin: 0;
  height: 100%;
  background: var(--background);
}

.loader {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
}

.loader::after {
  content: "";
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 3px solid var(--track);
  border-top-color: var(--ring);
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .loader::after {
    animation: none;
  }
}