/* iMEMBER360 brand layer for Klaro v0.7. Klaro injects its core stylesheet
   at runtime, so we don't fight selectors — we override Klaro's own
   CSS custom properties, which Klaro reads via `var(--name, fallback)`.
   Loaded from BaseHead (main site) and starlight/Head (docs). */

.klaro {
  --green1: #109d44;
  --green2: #0e8a3d;
  --green3: #d6f5e1;

  --dark1: #14201a;
  --dark2: #2a3530;
  --dark3: #56615b;
  --light1: #f4f6f5;
  --light2: #ebeeec;
  --light3: #a3aaa6;
  --white2: #ffffff;
  --white3: #f4f6f5;

  --font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --title-font-family: 'Roboto Condensed', system-ui, sans-serif;
  --font-size: 15px;

  --border-radius: 10px;
  --border-style: solid;
  --border-width: 1px;
  --button-text-color: #ffffff;
}

.klaro .cm-powered-by { display: none; }