/* StudyBeats accessibility engine styles (shared) */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700;800;900&family=Atkinson+Hyperlegible:wght@400;700&display=swap');

/* Dyslexia-friendly font */
html[data-font="dyslexic"], html[data-font="dyslexic"] body,
html[data-font="dyslexic"] * { font-family:'Atkinson Hyperlegible',system-ui,sans-serif !important; letter-spacing:.03em; word-spacing:.1em; }

/* Text size */
html[data-textsize="large"]  { font-size:112.5%; }
html[data-textsize="xlarge"] { font-size:125%; }

/* High contrast (opt-in, deliberately strong) */
html[data-contrast="high"] { --text:#000; --text-muted:#1a1d22; --border:#000; --bg:#fff; --bg-card:#fff; }
html[data-contrast="high"] body { filter:contrast(1.08); }

/* Reduce motion */
html[data-motion="off"] * { animation:none !important; transition:none !important; scroll-behavior:auto !important; }

/* Colour overlays */
.overlay-tint{ position:fixed; inset:0; pointer-events:none; z-index:9990; mix-blend-mode:multiply; background:transparent; transition:background .3s; }
html[data-overlay="cream"] .overlay-tint{ background:rgba(255,241,176,.28); }
html[data-overlay="blue"]  .overlay-tint{ background:rgba(151,205,255,.26); }
html[data-overlay="green"] .overlay-tint{ background:rgba(179,240,197,.26); }
html[data-overlay="pink"]  .overlay-tint{ background:rgba(255,198,224,.24); }

/* Read-aloud highlight */
.speaking{ background:rgba(232,151,62,.22) !important; border-radius:6px; }

/* Floating button */
.a11y-fab{ position:fixed; right:18px; bottom:18px; z-index:9995; width:54px; height:54px; border-radius:50%;
  border:none; background:#3f9d6b; color:#fff; font-size:26px; cursor:pointer; box-shadow:0 10px 30px rgba(19,42,19,.25);
  display:grid; place-items:center; transition:transform .15s; }
.a11y-fab:hover{ transform:scale(1.08); }

/* Panel */
.a11y-panel{ position:fixed; right:18px; bottom:82px; z-index:9995; width:290px; max-width:calc(100vw - 36px);
  background:#fdfdfb; border:1px solid #e3e0d7; border-radius:16px; padding:16px; box-shadow:0 24px 60px rgba(0,0,0,.22);
  font-family:'Lexend',system-ui,sans-serif; color:#2b2f36; display:none; }
.a11y-panel.open{ display:block; }
.a11y-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 0; border-top:1px solid #eee7dd; }
.a11y-row:first-of-type{ border-top:none; }
.a11y-panel .opts{ display:flex; gap:5px; flex-wrap:wrap; }
.a11y-opt{ border:1px solid #e3e0d7; background:#fff; color:#2b2f36; border-radius:9px; padding:6px 10px; font-size:13px; font-weight:600; cursor:pointer; min-width:34px; }
.a11y-opt.on{ background:#3f9d6b; color:#fff; border-color:#3f9d6b; }
.speak-btn{ border:1px solid #e3e0d7; background:#f1efe9; color:#2b2f36; border-radius:9px; padding:6px 10px; font-size:12.5px; font-weight:700; cursor:pointer; }
.flex.between.center{ display:flex; align-items:center; justify-content:space-between; }