/* ============================================================
   CHATWOOT PREMIUM SKIN — Euler Tech (aparencia apenas)
   Light Premium (dia) + Dark Premium (noite via classe .dark,
   selecionavel pelo usuario em Perfil > Aparencia)
   Injetado via nginx sub_filter — nao altera o app.
   ============================================================ */

/* ---------- LIGHT PREMIUM (dia) ---------- */
:root:root {
  /* neutros em camadas: some o branco chapado */
  --background-color: 243 244 247;
  --surface-1: 250 250 252;
  --surface-2: 255 255 255;
  --surface-active: 255 255 255;
  --solid-1: 255 255 255;
  --solid-2: 251 251 253;
  --solid-3: 246 246 249;
  --solid-active: 255 255 255;
  --card-color: 255 255 255;
  --border-container: 229 230 236;
  --border-strong: 221 222 230;
  --border-weak: 236 237 242;
  --label-background: 244 244 248;
  --background-input-box: 17, 17, 27, .04;

  /* acento premium: azul Chatwoot -> indigo refinado (escala iris) */
  --blue-1: 253 253 255;
  --blue-2: 248 248 255;
  --blue-3: 240 241 254;
  --blue-4: 230 231 255;
  --blue-5: 218 220 255;
  --blue-6: 203 205 255;
  --blue-7: 184 186 248;
  --blue-8: 155 158 240;
  --blue-9: 91 91 214;
  --blue-10: 81 81 205;
  --blue-11: 87 83 198;
  --blue-12: 39 41 98;
  --solid-blue: 230 231 255;
  --solid-blue-2: 253 253 255;
  --text-blue: 30 32 80;
  --border-blue: 91, 91, 214, .5;
  --border-blue-strong: 61 61 160;
}

/* ---------- DARK PREMIUM (noite) ---------- */
html.dark, .dark.dark {
  /* grafite profundo azulado, superficies em camadas */
  --background-color: 19 21 27;
  --surface-1: 13 14 18;
  --surface-2: 15 17 21;
  --surface-active: 44 48 60;
  --solid-1: 24 26 33;
  --solid-2: 30 33 41;
  --solid-3: 42 46 58;
  --solid-active: 48 53 66;
  --card-color: 24 27 34;
  --border-container: 255, 255, 255, .06;
  --border-strong: 50 54 66;
  --border-weak: 32 35 44;
  --label-background: 34 37 46;
  --background-input-box: 255, 255, 255, .03;
  --button-color: 38 42 53;
  --alpha-3: 22, 24, 30, .95;

  /* acento indigo no escuro */
  --blue-1: 19 19 30;
  --blue-2: 23 22 37;
  --blue-3: 32 34 72;
  --blue-4: 38 42 101;
  --blue-5: 48 51 116;
  --blue-6: 61 62 130;
  --blue-7: 74 74 149;
  --blue-8: 89 88 177;
  --blue-9: 99 99 235;
  --blue-10: 112 116 245;
  --blue-11: 158 177 255;
  --blue-12: 224 223 254;
  --solid-blue: 38 42 101;
  --solid-blue-2: 25 27 38;
  --text-blue: 224 227 255;
  --border-blue: 99, 99, 235, .5;
  --border-blue-strong: 158 177 255;
}

/* ---------- polimentos (ambos os modos) ---------- */
* { scrollbar-width: thin; scrollbar-color: rgb(var(--slate-8) / .45) transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgb(var(--slate-8) / .45);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background-color: rgb(var(--slate-8) / .7); }
::selection { background: rgb(var(--blue-9) / .25); }