/* Santé visual layer for the native Chatwoot UI. No layout or behavior overrides. */
html.sante-theme {
  color-scheme: light;
  --slate-1: 255 255 255;
  --slate-2: 247 249 253;
  --slate-3: 239 244 250;
  --slate-4: 232 239 247;
  --slate-5: 220 229 240;
  --slate-6: 203 216 231;
  --slate-7: 181 199 218;
  --slate-8: 149 171 195;
  --slate-9: 112 135 160;
  --slate-10: 100 116 138;
  --slate-11: 78 96 119;
  --slate-12: 21 34 53;
  --blue-1: 248 251 255;
  --blue-2: 240 246 253;
  --blue-3: 232 241 251;
  --blue-4: 218 232 247;
  --blue-5: 198 218 240;
  --blue-6: 174 201 229;
  --blue-7: 141 177 214;
  --blue-8: 91 140 188;
  --blue-9: 23 59 97;
  --blue-10: 15 47 79;
  --blue-11: 23 59 97;
  --blue-12: 15 47 79;
  --background-color: 243 246 251;
  --solid-1: 255 255 255;
  --solid-2: 247 249 253;
  --solid-3: 239 244 250;
  --solid-active: 232 241 251;
  --solid-blue: 218 232 247;
  --solid-blue-2: 248 251 255;
  --border-weak: 220 229 240;
  --border-strong: 203 216 231;
  --border-container: 220, 229, 240, 1;
  --border-blue-strong: 23 59 97;
  --border-blue: 23, 59, 97, 0.5;
  --text-blue: 23 59 97;
  --button-color: 255 255 255;
  --button-hover-color: 232 241 251;
  --sante-focus: 23 59 97;
}

html.sante-theme.dark {
  color-scheme: dark;
  --slate-1: 17 25 37;
  --slate-2: 24 34 49;
  --slate-3: 29 42 58;
  --slate-4: 36 49 67;
  --slate-5: 48 64 84;
  --slate-6: 60 78 100;
  --slate-7: 78 99 122;
  --slate-8: 102 122 146;
  --slate-9: 129 147 170;
  --slate-10: 153 169 188;
  --slate-11: 190 202 218;
  --slate-12: 233 238 245;
  --blue-1: 17 25 37;
  --blue-2: 24 34 49;
  --blue-3: 36 65 92;
  --blue-4: 41 77 109;
  --blue-5: 45 85 121;
  --blue-6: 53 98 138;
  --blue-7: 73 121 164;
  --blue-8: 105 155 201;
  --blue-9: 55 101 143;
  --blue-10: 46 86 123;
  --blue-11: 142 187 231;
  --blue-12: 183 216 244;
  --background-color: 17 25 37;
  --solid-1: 24 34 49;
  --solid-2: 29 42 58;
  --solid-3: 36 49 67;
  --solid-active: 36 65 92;
  --solid-blue: 36 65 92;
  --solid-blue-2: 24 34 49;
  --border-weak: 48 64 84;
  --border-strong: 60 78 100;
  --border-container: 48, 64, 84, 1;
  --border-blue-strong: 142 187 231;
  --border-blue: 142, 187, 231, 0.5;
  --text-blue: 142 187 231;
  --button-color: 29 42 58;
  --button-hover-color: 36 65 92;
  --sante-focus: 142 187 231;
}

html.sante-theme body {
  background-color: rgb(var(--background-color));
}

/* n.brand is a literal in Chatwoot's theme/colors.js. */
html.sante-theme .bg-n-brand {
  background-color: rgb(var(--blue-9));
}

html.sante-theme .text-n-brand {
  color: rgb(var(--blue-11));
}

html.sante-theme aside.bg-n-background {
  background-color: rgb(var(--solid-1));
  border-color: rgb(var(--border-weak));
}

html.sante-theme aside.bg-n-background :where(a, button) {
  border-radius: 10px;
}

html.sante-theme :where(button, a, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid rgb(var(--sante-focus));
  outline-offset: 3px;
}

html.sante-theme ::selection {
  background-color: rgb(var(--blue-3));
  color: rgb(var(--slate-12));
}