/* Besual Learning OS — shared design tokens and foundation */
:root{
  --besual-pink:#ed0a5a;
  --besual-violet:#5b43e8;
  --besual-ink:#17171c;
  --besual-muted:#6f6b73;
  --besual-line:#e7e3e8;
  --besual-surface:#fff;
  --besual-soft:#f7f5f8;
  --besual-bg:#fbfafb;
  --besual-success:#17834b;
  --besual-warning:#996515;
  --besual-danger:#b42318;
  --besual-max:1180px;
  --besual-radius-sm:12px;
  --besual-radius-md:16px;
  --besual-radius-lg:22px;
  --besual-shadow:0 10px 32px rgba(24,18,31,.04);
  --besual-gradient:linear-gradient(90deg,var(--besual-pink) 0%,var(--besual-violet) 100%);
  --besual-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--besual-bg);color:var(--besual-ink);font-family:var(--besual-font);line-height:1.55}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:3px solid rgba(91,67,232,.18);outline-offset:3px}