/* Conexo dashboard theme. No widget, portal or message-delivery changes. */
html:root {
  --conexo-brand: 255 90 31;
  --conexo-link: 176 49 8;
  --blue-1: 255 252 250; --blue-2: 255 246 240;
  --blue-3: 255 235 220; --blue-4: 255 220 198;
  --blue-5: 255 201 172; --blue-6: 250 177 142;
  --blue-7: 239 145 102; --blue-8: 220 105 57;
  --blue-9: 255 90 31; --blue-10: 223 67 16;
  --blue-11: 176 49 8; --blue-12: 87 30 12;
  --iris-1: var(--blue-1); --iris-2: var(--blue-2);
  --iris-3: var(--blue-3); --iris-4: var(--blue-4);
  --iris-5: var(--blue-5); --iris-6: var(--blue-6);
  --iris-7: var(--blue-7); --iris-8: var(--blue-8);
  --iris-9: var(--blue-9); --iris-10: var(--blue-10);
  --iris-11: var(--blue-11); --iris-12: var(--blue-12);
  --text-blue: 87 30 12; --border-blue-strong: 176 49 8;
  --solid-blue: 255 220 198; --solid-blue-2: 255 246 240;
  --solid-iris: 255 220 198; --border-blue: 255, 90, 31, 0.5;
}
html:root.dark, html:root .dark {
  --conexo-link: 255 166 119;
  --blue-1: 27 18 14; --blue-2: 36 23 16;
  --blue-3: 62 32 18; --blue-4: 82 38 18;
  --blue-5: 101 46 20; --blue-6: 123 57 27;
  --blue-7: 152 74 37; --blue-8: 192 94 44;
  --blue-9: 255 90 31; --blue-10: 255 116 61;
  --blue-11: 255 166 119; --blue-12: 255 225 207;
  --iris-1: var(--blue-1); --iris-2: var(--blue-2);
  --iris-3: var(--blue-3); --iris-4: var(--blue-4);
  --iris-5: var(--blue-5); --iris-6: var(--blue-6);
  --iris-7: var(--blue-7); --iris-8: var(--blue-8);
  --iris-9: var(--blue-9); --iris-10: var(--blue-10);
  --iris-11: var(--blue-11); --iris-12: var(--blue-12);
  --text-blue: 255 225 207; --border-blue-strong: 255 166 119;
  --solid-blue: 82 38 18; --solid-blue-2: 36 23 16;
  --solid-iris: 82 38 18;
}
/* Brand utilities are fixed colors in the upstream build, unlike blue tokens. */
html .bg-n-brand, html .bg-woot-500 {
  background-color: rgb(var(--conexo-brand) / var(--tw-bg-opacity, 1)) !important;
}
html .bg-n-brand.text-white, html .bg-woot-500.text-white {
  color: #21150f !important;
}
html .text-n-brand, html .text-woot-500, html .text-woot-600 {
  color: rgb(var(--conexo-link) / var(--tw-text-opacity, 1)) !important;
}
html .border-n-brand { border-color: rgb(var(--conexo-brand)) !important; }
html .outline-n-brand { outline-color: rgb(var(--conexo-brand)) !important; }
html [class~="border-n-brand/50"] { border-color: rgb(var(--conexo-brand) / .5) !important; }
html [class~="bg-n-brand/5"] { background-color: rgb(var(--conexo-brand) / .05) !important; }
html [class~="bg-n-brand/10"] { background-color: rgb(var(--conexo-brand) / .1) !important; }
html [class~="bg-n-brand/20"],
html [class~="hover:enabled:bg-n-brand/20"]:enabled:hover,
html [class~="focus-visible:bg-n-brand/20"]:focus-visible {
  background-color: rgb(var(--conexo-brand) / .2) !important;
}
html .bg-woot-25 { background-color: rgb(var(--blue-2)) !important; }
html .bg-woot-100 { background-color: rgb(var(--blue-5)) !important; }
html .bg-woot-400 { background-color: rgb(var(--blue-8)) !important; }