/* Colores de la marca (Brinera) para la bandeja. Lo genera marca.sh; no editar a mano. */
:root {
    --blue-1: 247 251 251;
    --blue-2: 240 248 248;
    --blue-3: 225 241 242;
    --blue-4: 206 232 233;
    --blue-5: 186 223 225;
    --blue-6: 161 212 214;
    --blue-7: 132 199 202;
    --blue-8: 88 178 182;
    --blue-9: 10 143 149;
    --blue-10: 9 131 137;
    --blue-11: 7 111 116;
    --blue-12: 3 54 56;
}
.dark, html.dark, body.dark {
    --blue-1: 16 23 25;
    --blue-2: 16 28 30;
    --blue-3: 15 37 39;
    --blue-4: 15 47 50;
    --blue-5: 14 57 60;
    --blue-6: 14 69 73;
    --blue-7: 13 86 90;
    --blue-8: 11 107 112;
    --blue-9: 10 143 149;
    --blue-10: 34 154 159;
    --blue-11: 95 182 186;
    --blue-12: 210 234 235;
}
/* Lo que Chatwoot trae con el azul fijo (no por variable). Sin !important: así ganan sus variantes dark:... */
.bg-n-brand, .bg-woot-500 { background-color: rgb(10 143 149); }
.bg-n-brand\/5 { background-color: rgb(10 143 149 / .05); }
.bg-n-brand\/10 { background-color: rgb(10 143 149 / .10); }
.bg-n-brand\/20 { background-color: rgb(10 143 149 / .20); }
.bg-woot-25 { background-color: rgb(var(--blue-2)); }
.bg-woot-100 { background-color: rgb(var(--blue-4)); }
.bg-woot-400 { background-color: rgb(var(--blue-10)); }
.text-n-brand, .text-woot-500 { color: rgb(10 143 149); }
.text-woot-600 { color: rgb(var(--blue-11)); }
.border-n-brand, .border-woot-500 { border-color: rgb(10 143 149); }
.border-n-brand\/50 { border-color: rgb(10 143 149 / .5); }
.outline-n-brand { outline-color: rgb(10 143 149); }
.ring-n-brand { --tw-ring-color: rgb(10 143 149); }