/* ===================================================================
   Tiliaderm — Tutor LMS Skin
   Bringt die Tutor-Frontend-Komponenten in die Marken-Optik, indem die
   (von den Tutor-Einstellungen inline gesetzten) Tutor-CSS-Variablen auf
   die Tiliaderm-Tokens gemappt werden. Tutor setzt sie ohne !important,
   daher gewinnt dieser Override. Scope: nur .tutor-* / --tutor-* — auf
   Nicht-Tutor-Seiten wirkungslos.
   =================================================================== */

:root {
  /* Primär-Akzent (Buttons, Links, aktive Zustände) → Tilia-Grün */
  --tutor-color-primary: #2D4A3E !important;          /* --tilia-700 */
  --tutor-color-primary-rgb: 45, 74, 62 !important;
  --tutor-color-primary-hover: #1F3A2E !important;    /* --tilia-800 */
  --tutor-color-primary-hover-rgb: 31, 58, 46 !important;

  /* Text + Rahmen an die kühle Stone-Palette angleichen */
  --tutor-body-color: #2A2D2A !important;             /* --stone-900 */
  --tutor-body-color-rgb: 42, 45, 42 !important;
  --tutor-border-color: #E6E5DC !important;           /* --stone-200 */
  --tutor-border-color-rgb: 230, 229, 220 !important;
}

/* ---- Schrift auf die Marke umstellen ---- */
.tutor-wrap,
.tutor-page-wrap,
.tutor-course-single-wrap,
[class^="tutor-"],
[class*=" tutor-"] {
  font-family: var(--font-sans);
}

/* ---- Radien zurückhaltend (editorial, nicht Pop) ---- */
.tutor-btn,
.tutor-form-control,
.tutor-form-select,
.tutor-input-group,
input.tutor-form-control,
.tutor-card {
  border-radius: var(--radius-md);
}
.tutor-card { border-radius: var(--radius-lg); }

/* ---- Primär-Button exakt an Tiliaderm angleichen ---- */
.tutor-btn-primary {
  background-color: var(--tilia-700);
  border-color: var(--tilia-700);
  color: var(--paper);
  letter-spacing: 0.005em;
}
.tutor-btn-primary:hover,
.tutor-btn-primary:focus {
  background-color: var(--tilia-800);
  border-color: var(--tilia-800);
  color: var(--paper);
}

/* ---- Fokus-Ring in Marken-Grün statt Tutor-Blau ---- */
.tutor-form-control:focus,
.tutor-form-select:focus {
  border-color: var(--tilia-600);
  box-shadow: 0 0 0 3px rgba(61, 107, 90, 0.18);
}

/* ---- Links innerhalb der Tutor-Inhalte ---- */
.tutor-wrap a:not(.tutor-btn):not([class*="tutor-btn"]) {
  color: var(--tilia-700);
}
.tutor-wrap a:not(.tutor-btn):not([class*="tutor-btn"]):hover {
  color: var(--tilia-600);
}