/* =============================================================================
   tokens.css — Design tokens e reset base do Admin SPA
   ============================================================================= */

/* --- Tokens de cor (dark mode — padrão Chatwoot) --- */
:root {
  --lv-slate-1:  17 17 19;
  --lv-slate-2:  24 25 27;
  --lv-slate-3:  33 34 37;
  --lv-slate-4:  39 42 45;
  --lv-slate-5:  46 49 53;
  --lv-slate-6:  54 58 63;
  --lv-slate-7:  67 72 78;
  --lv-slate-8:  90 97 105;
  --lv-slate-9:  105 110 119;
  --lv-slate-10: 119 123 132;
  --lv-slate-11: 176 180 186;
  --lv-slate-12: 237 238 240;

  --lv-blue-3:  15 39 72;
  --lv-blue-9:  39 129 246;
  --lv-blue-10: 21 116 231;
  --lv-blue-11: 126 182 255;

  --lv-ruby-9:  229 70 102;
  --lv-teal-9:  18 165 148;
  --lv-amber-9: 255 197 61;
}

/* --- Reset mínimo --- */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body { height: 100%; }

body {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  color: rgb(var(--slate-12, var(--lv-slate-12)));
  background: rgb(var(--slate-1, var(--lv-slate-1)));
  -webkit-font-smoothing: antialiased;
}

/* Garante que hidden attribute sempre oculta */
[hidden] { display: none !important; }

/* Utilitários base */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}