/* Diksha Learning Center — approachable education mood. Violet from the client's own site, amber for highlights. */
:root{
  --accent:#9a8fff;
  --accent-hover:#8377f5;
  --accent-soft:#9a8fff24;
  --accent-2:#ffc107;
  --good:#3ddc97;
}
.btn-primary,.skip-link,.loop li::before{color:#120d3a}
.loop li::before{background:linear-gradient(135deg,var(--accent),#ffc107)}
.eyebrow{color:var(--accent-2)}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){--accent:#5a4be0;--accent-hover:#4a3cc8;--accent-soft:#5a4be017;--accent-2:#8a5a00;--good:#0a7a4d}
  :root:not([data-theme="dark"]) .btn-primary,
  :root:not([data-theme="dark"]) .skip-link,
  :root:not([data-theme="dark"]) .loop li::before{color:#fff}
  :root:not([data-theme="dark"]) .eyebrow{color:#8a5a00}
}
:root[data-theme="light"]{--accent:#5a4be0;--accent-hover:#4a3cc8;--accent-soft:#5a4be017;--accent-2:#8a5a00;--good:#0a7a4d}
:root[data-theme="light"] .btn-primary,
:root[data-theme="light"] .skip-link,
:root[data-theme="light"] .loop li::before{color:#fff}
:root[data-theme="light"] .eyebrow{color:#8a5a00}

/* ---- Diksha pieces ---- */
.score-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}
.score-row > *{min-width:0}
.score{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);text-align:center}
.score-n{font-size:2.4rem;font-weight:700;line-height:1;color:var(--good)}
.score-l{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:var(--space-3)}
@media (max-width:900px){.score-row{grid-template-columns:repeat(2,1fr)}}
.kicker-big{
  padding:var(--space-6) var(--space-7);border-radius:var(--radius-lg);
  border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border-subtle));
  background:linear-gradient(135deg,var(--accent-soft),transparent 70%);
}
.kicker-big h3{font-size:1.35rem;margin-bottom:var(--space-3)}
.kicker-big p{color:var(--text-secondary);margin:0}
.kicker-big p + p{margin-top:var(--space-3)}
.callout-warn{border-color:color-mix(in srgb,var(--accent-2) 50%,var(--border-subtle));background:color-mix(in srgb,var(--accent-2) 9%,transparent)}
.tg-mark{border-radius:14px;flex:none}