/* MedicaliX R3.1: one light palette for public pages and the customer portal.
 * Scoped to the MedicaliX public shell; clinical preferences remain separate.
 * Keep this file after site.css, Bootstrap and medicalix.css.
 */
html[data-mdx-public="light"] {
  color-scheme: light;
  color-scheme: only light;
  background: #fbfdfc;
}

body.mdx-site[data-product="medicalix"] {
  --mdx-ink: #103d4b;
  --mdx-muted: #536e76;
  --mdx-teal: #00797e;
  --mdx-line: #d9e7e5;
  --mdx-soft: #eef7f6;

  /* Declare every shared token on the body, so a dark root cannot leak in. */
  --site-bg: #fbfdfc;
  --site-surface: #ffffff;
  --site-subtle: #eef7f6;
  --site-tint: #e0f3f1;
  --site-ink: #103d4b;
  --site-text: #345761;
  --site-muted: #536e76;
  --site-line: #d9e7e5;
  --site-line-strong: #95b7bd;
  --site-primary: #103d4b;
  --site-primary-hover: #006a73;
  --site-link: #17616b;
  --site-accent: #00797e;
  --site-turquoise: #00797e;
  --site-input: #ffffff;
  --site-positive-bg: #e7f5ee;
  --site-positive: #246348;
  --site-warning-bg: #fff5dc;
  --site-warning: #795820;
  --site-negative-bg: #fbeeed;
  --site-negative: #a02d36;
  --site-neutral-bg: #edf3f4;
  --site-neutral: #4f6973;
  --site-shadow: 0 12px 35px #16434f0a;
  --site-hero-aura: #e4f5f2;
  --site-border: var(--site-line);

  --bs-body-color: var(--site-ink);
  --bs-body-bg: var(--site-bg);
  --bs-emphasis-color: var(--site-ink);
  --bs-secondary-color: var(--site-muted);
  --bs-tertiary-color: var(--site-muted);
  --bs-secondary-bg: var(--site-subtle);
  --bs-tertiary-bg: var(--site-subtle);
  --bs-border-color: var(--site-line);
  --bs-heading-color: var(--site-ink);
  --bs-link-color: var(--site-link);
  --bs-link-hover-color: var(--site-primary);

  color-scheme: light;
  color-scheme: only light;
  background: var(--site-bg);
  color: var(--site-ink);
}

body.mdx-site.mdx-marketing[data-product="medicalix"] { background: #ffffff; }
body.mdx-site[data-product="medicalix"] .mdx-header { color: var(--site-ink); }
body.mdx-site[data-product="medicalix"] .mdx-portal,
body.mdx-site[data-product="medicalix"] .surface { color: var(--site-ink); }
body.mdx-site[data-product="medicalix"] .auth-heading p { color: var(--site-muted); }
body.mdx-site[data-product="medicalix"] .auth-section .eyebrow { color: var(--mdx-teal); }
body.mdx-site[data-product="medicalix"] :is(.form-control,.form-select) {
  color-scheme: light;
  color-scheme: only light;
  caret-color: var(--site-ink);
}
body.mdx-site[data-product="medicalix"] :is(input,textarea):autofill {
  -webkit-text-fill-color: var(--site-ink);
  box-shadow: 0 0 0 1000px var(--site-input) inset;
  caret-color: var(--site-ink);
}
body.mdx-site[data-product="medicalix"] :is(input,textarea):-webkit-autofill {
  -webkit-text-fill-color: var(--site-ink);
  -webkit-box-shadow: 0 0 0 1000px var(--site-input) inset;
  caret-color: var(--site-ink);
}
body.mdx-site[data-product="medicalix"] .odx-captcha-c2[data-state="error"] .odx-captcha-c2-status,
body.mdx-site[data-product="medicalix"] .odx-captcha-c2-error { color: var(--site-negative); }
body.mdx-site[data-product="medicalix"] .odx-captcha-c2[data-state="success"] .odx-captcha-c2-status { color: var(--site-positive); }

@media print {
  html[data-mdx-public="light"],body.mdx-site[data-product="medicalix"] { background: #fff; }
}