/* ==========================================================================
   Let's Find Family! — Tutor LMS brand skin
   --------------------------------------------------------------------------
   Purpose:  make the course area feel like the rest of the site.
   Scope:    Tutor pages only, via two selectors because Tutor ships two
             different asset sets:
               html[data-tutor-theme]  the learning area (lessons, quizzes)
               body.tutor-frontend     course pages, dashboard, archive
             Neither marker appears on an Elementor page, so nothing here
             can reach one. (body.tutor-lms DOES appear site-wide -- do not
             use it as a scope.)
   Method:   re-maps Tutor's own design tokens. No layout is touched and no
             Tutor selector is fought with !important.
   Note:     the ACCENT colour is NOT set here — it comes from Tutor's own
             Settings > Brand Colour (#6f8a3e). This file only warms the
             greys, fixes the hover shade and matches the typeface.
   Palette:  cream #fbf7f0 · warm #f3ece0 · line #e2d9c9 · ink #26241f
             olive #6f8a3e · deep olive #53682d · slate-green #2f3524
   ========================================================================== */

html[data-tutor-theme],
body.tutor-frontend {

  /* --- surfaces: cool grey -> warm cream ------------------------------- */
  --tutor-surface-base: #fbf7f0;
  --tutor-surface-l1: #ffffff;
  --tutor-surface-l1-hover: #f6f0e6;
  --tutor-surface-l2: #efe7d9;
  --tutor-surface-l2-hover: #e2d9c9;
  --tutor-surface-l3: #f6f0e6;
  --tutor-surface-sidebar-l1: #fdfaf5;
  --tutor-surface-brand-dark: #2f3524;

  /* --- borders and dividers -------------------------------------------- */
  --tutor-border-idle: #efe7d9;
  --tutor-border-idle2: #efe7d9;
  --tutor-border-hover: #c8bca6;
  --tutor-border-tertiary: #8f8676;
  --tutor-border-color: #e2d9c9;
  --tutor-border-color-rgb: 226, 217, 201;

  /* --- neutral buttons and chips --------------------------------------- */
  --tutor-actions-gray-empty: #f6f0e6;
  --tutor-actions-gray-secondary: #f3ece0;
  --tutor-actions-gray-tertiary: #efe7d9;
  --tutor-actions-gray-quaternary: #e2d9c9;
  --tutor-button-disabled: #f3ece0;
  --tutor-button-ghost-hover: #efe7d9;
  --tutor-button-outline-hover: #efe7d9;
  --tutor-button-secondary: #efe7d9;
  --tutor-button-secondary-focused: #efe7d9;
  --tutor-button-secondary-hover: #c8bca6;

  /* --- tabs and the lesson sidebar ------------------------------------- */
  --tutor-tab-l3-active-hover: #f3ece0;
  --tutor-tab-sidebar-l2: #fdfaf5;
  --tutor-tab-sidebar-l2-hover: #efe7d9;
  --tutor-tab-sidebar-l4-hover: #efe7d9;

  /* --- quiz rows -------------------------------------------------------- */
  --tutor-quiz-idle: #fbf7f0;
  --tutor-quiz-hover: #f3ece0;

  /* --- text and icons: cool slate -> warm ink --------------------------- */
  --tutor-text-primary: #26241f;
  --tutor-surface-dark: #2f3524;
  --tutor-border-dark: #2f3524;
  --tutor-body-color: #26241f;
  --tutor-body-color-rgb: 38, 36, 31;
  --tutor-text-secondary: #3b372f;
  --tutor-text-subdued: #6b6459;
  --tutor-text-disabled: #c8bca6;
  --tutor-text-light: #fbf7f0;
  --tutor-text-highlighted-hover: #3b372f;
  --tutor-icon-idle: #3b372f;
  --tutor-icon-hover: #26241f;
  --tutor-icon-secondary: #6b6459;
  --tutor-icon-subdued: #8f8676;
  --tutor-icon-disabled: #c8bca6;
  --tutor-visual-gray-2: #efe7d9;
  --tutor-visual-gray-3: #c8bca6;
  --tutor-visual-gray-4: #2f3524;

  /* --- legacy token family (course landing page, dashboard) ------------- */
  --tutor-color-secondary: #55504a;
  --tutor-color-subdued: #55504a;
  --tutor-color-hints: #7a7268;
  --tutor-color-muted: #7a7268;
  --tutor-color-gray: #e2d9c9;
  --tutor-color-gray-rgb: 226, 217, 201;
  --tutor-color-gray-10: #f3ece0;

  /* --- hover shade ------------------------------------------------------
     Tutor derives hover by LIGHTENING the brand colour (#82a054).
     The site design darkens instead. Put it back.                        */
  --tutor-color-primary-hover: #53682d;
  --tutor-color-primary-hover-rgb: 83, 104, 45;
  --tutor-brand-700: #53682d;
  --tutor-brand-800: #53682d;
  --tutor-brand-950: #2f3524;

  /* --- typeface ---------------------------------------------------------
     Tutor references these two hooks but never defines them, falling back
     to Inter. Defining them here is cleaner than out-specifying every
     Tutor selector.                                                      */
  --tutor-font-family-body: Verdana, Geneva, sans-serif;
  --tutor-font-family-heading: Georgia, "Times New Roman", serif;
}

/* Belt and braces for anything that hardcodes Inter instead of reading the
   tokens above. Icon fonts declare their own family at a higher
   specificity and are not affected.                                      */
html[data-tutor-theme] body,
body.tutor-frontend {
  font-family: Verdana, Geneva, sans-serif;
}

html[data-tutor-theme] h1,
html[data-tutor-theme] h2,
html[data-tutor-theme] h3,
html[data-tutor-theme] h4,
html[data-tutor-theme] h5,
html[data-tutor-theme] h6,
html[data-tutor-theme] .tutor-fs-1,
html[data-tutor-theme] .tutor-fs-2,
html[data-tutor-theme] .tutor-fs-3,
html[data-tutor-theme] .tutor-fs-4,
html[data-tutor-theme] .tutor-fs-5,
html[data-tutor-theme] .tutor-course-name,
html[data-tutor-theme] .tutor-lesson-title,
body.tutor-frontend h1,
body.tutor-frontend h2,
body.tutor-frontend h3,
body.tutor-frontend h4,
body.tutor-frontend h5,
body.tutor-frontend h6,
body.tutor-frontend .tutor-fs-1,
body.tutor-frontend .tutor-fs-2,
body.tutor-frontend .tutor-fs-3,
body.tutor-frontend .tutor-fs-4,
body.tutor-frontend .tutor-fs-5,
body.tutor-frontend .tutor-course-name,
body.tutor-frontend .tutor-lesson-title {
  font-family: Georgia, "Times New Roman", serif;
}