/* MR Coursat — WordPress mapping: Tutor LMS, Elementor globals, Tutor Starter.
   Loads after bundle.css. Light values only for Tutor (it has no dark mode). */

/* ── Tutor LMS ── pinned in CSS because Tutor derives a failing hover (#2BCAB5) from the settings colour */
:root:root {
  --tutor-color-primary: var(--mr-primary);             --tutor-color-primary-rgb: 15, 92, 78;
  --tutor-color-primary-hover: var(--mr-primary-hover); --tutor-color-primary-hover-rgb: 11, 74, 63;
  --tutor-body-color: var(--mr-ink);                    --tutor-body-color-rgb: 30, 27, 22;
  --tutor-border-color: var(--mr-line);                 --tutor-border-color-rgb: 227, 218, 203;
  --tutor-color-gray: var(--mr-surface-sunken);         --tutor-color-gray-rgb: 242, 236, 226;
  --tutor-brand-100: var(--mr-nile-50);  --tutor-brand-200: var(--mr-nile-100); --tutor-brand-300: var(--mr-nile-200);
  --tutor-brand-400: var(--mr-nile-300); --tutor-brand-450: var(--mr-nile-400); --tutor-brand-500: var(--mr-nile-500);
  --tutor-brand-600: var(--mr-nile-700); --tutor-brand-700: var(--mr-nile-800); --tutor-brand-800: var(--mr-nile-900);
  --tutor-brand-900: var(--mr-nile-950); --tutor-brand-950: var(--mr-nile-950);
}
/* mr-line is 1.39:1 — fine for dividers, fails as a form border */
.tutor-form-control, .tutor-form-select, .tutor-form-check-input { border-color: var(--mr-line-strong); }
body.tutor-lms, body.tutor-frontend, .tutor-wrap, .tutor-dashboard,
.tutor-wrap :where(input, select, textarea, button) { font-family: var(--font-text); }

/* ── Elementor ── kit globals follow the tokens, so a token change reaches every widget left on "global" */
body[class*="elementor-kit-"] {
  --e-global-color-primary: var(--mr-ink);
  --e-global-color-secondary: var(--mr-ink-muted);
  --e-global-color-text: var(--mr-ink);
  --e-global-color-accent: var(--mr-primary); /* never saffron: white label on it is 1.86:1 */
  --e-global-typography-primary-font-family: "Alexandria";
  --e-global-typography-primary-font-weight: 700;
  --e-global-typography-secondary-font-family: "Alexandria";
  --e-global-typography-secondary-font-weight: 600;
  --e-global-typography-text-font-family: "IBM Plex Sans Arabic";
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-accent-font-family: "IBM Plex Sans Arabic";
  --e-global-typography-accent-font-weight: 600;
}
.elementor :where(h1, h2, h3, h4, h5, h6) { line-height: var(--mr-lh-heading); letter-spacing: var(--mr-tracking-display); }
.elementor-widget-text-editor { line-height: var(--mr-lh-body); }

/* ── Tutor Starter ── page ground and heading font */
body { background: var(--mr-bg); }
:where(h1, h2, h3, h4) { font-family: var(--font-display); line-height: var(--mr-lh-heading); }

/* ── Tutor Starter vars ── the Customizer font list has no Plex/Alexandria; point its vars at the tokens */
:root:root {
  --body-font: var(--font-text);
  --heading-font: var(--font-display);
  --link-color: var(--mr-link);
  --body-bg-color: var(--mr-bg);
}