/**
 * AquaIOT v2 — tokens e reset partilhados.
 * Fundo: url() resolve face a este ficheiro (assets/css/). Três níveis acima
 * chegam ao pai de aquaiot-v2, onde fica ../image/ nos PHP (ex.: login.php).
 * Não usar /image/… na raiz do domínio — em produção o asset fica nesse irmão.
 * Dashboard redefine :root no <style> inline (Outfit / tons próprios).
 */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --bg: #07111d;
  --bg2: #0b1927;
  --sidebar: rgba(6, 15, 24, 0.88);
  --card: rgba(14, 32, 53, 0.7);
  --card2: rgba(17, 37, 64, 0.7);
  --card-solid: #0e2035;
  --card2-solid: #112540;
  --rim: #1a3a5c;
  --rim2: rgba(0, 180, 255, 0.12);
  --cyan: #00b4ff;
  --cyan2: #0088cc;
  --green: #00d97e;
  --amber: #f5a623;
  --red: #f0445a;
  --purple: #8b5cf6;
  --txt: #d0e4f7;
  --txt2: #6b8fad;
  --txt3: #3d5f7a;
}

html {
  background: url(../../../image/img-fundo.webp) center / cover no-repeat fixed;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}