/* DEVTECH IA: semantic palette adapted from the supplied DevTask design system.
   Preserve the built-in selector and high-contrast accessibility palettes. */
html:not(.dark):not(.high-contrast) {
  --text-primary: 24 24 27 !important;
  --text-secondary: 63 63 70 !important;
  --text-secondary-alt: 82 82 91 !important;
  --text-tertiary: 82 82 91 !important;
  --surface-primary: 255 255 255 !important;
  --surface-primary-alt: 250 250 250 !important;
  --surface-secondary: 245 243 255 !important;
  --surface-secondary-alt: 237 233 254 !important;
  --surface-tertiary: 244 244 245 !important;
  --surface-chat: 255 255 255 !important;
  --surface-dialog: 255 255 255 !important;
  --surface-hover: 237 233 254 !important;
  --border-light: 228 228 231 !important;
  --border-medium: 212 212 216 !important;
  --link: 109 40 217 !important;
  --link-hover: 91 33 182 !important;
}
html.dark:not(.high-contrast) {
  --text-primary: 250 250 250 !important;
  --text-secondary: 212 212 216 !important;
  --text-secondary-alt: 161 161 170 !important;
  --text-tertiary: 161 161 170 !important;
  --surface-primary: 24 24 27 !important;
  --surface-primary-alt: 15 15 17 !important;
  --surface-secondary: 39 39 42 !important;
  --surface-secondary-alt: 46 46 51 !important;
  --surface-tertiary: 39 39 42 !important;
  --surface-chat: 24 24 27 !important;
  --surface-dialog: 39 39 42 !important;
  --surface-hover: 63 63 70 !important;
  --border-light: 63 63 70 !important;
  --border-medium: 82 82 91 !important;
  --link: 167 139 250 !important;
  --link-hover: 196 181 253 !important;
}
html:not(.high-contrast) {
  --accent-primary: 124 58 237 !important;
  --accent-primary-hover: 109 40 217 !important;
  --surface-submit: 124 58 237 !important;
  --surface-submit-hover: 109 40 217 !important;
  --ring-primary: 124 58 237 !important;
  --brand-purple: 124 58 237 !important;
}
/* The existing auth component owns this logo slot. */
div.h-10:has(> img[src="assets/logo.svg"]) {
  height: 80px;
  margin-top: 28px;
}
img[src="assets/logo.svg"] { max-width: 360px; margin-inline: auto; }
html:not(.high-contrast) form button[type="submit"] {
  background: linear-gradient(135deg, #7C3AED, #C026D3);
  color: #fff;
  border-radius: 12px;
}
html:not(.high-contrast) form button[type="submit"]:hover {
  background: #6D28D9;
}