/* Kadrato — base styles */

:root {
  color-scheme: light;
}

html.dark {
  color-scheme: dark;
}

/* Smooth theme transition */
html.dark body,
html.dark aside,
html.dark header,
html.dark main {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Smooth transitions for flash messages */
.flash-message {
  animation: flash-in 0.3s ease-out;
}

@keyframes flash-in {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Table row hover */
tbody tr {
  transition: background-color 0.15s ease;
}

/* Modal backdrop */
.modal-backdrop {
  animation: fade-in 0.2s ease-out;
}

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Focus ring consistency */
input:focus, select:focus, textarea:focus {
  outline: none;
}