/* =========================================================================
   MISO — temă Light/Dark pentru paginile secundare (legale, autoevaluare,
   cursuri, servicii) + butonul de comutare. Pagina principală are propriile
   reguli inline; aici sunt doar suprascrierile pentru tema luminoasă.
   Tema e pusă pe <html data-theme> de scriptul inline din <head> (fără flash).
   ========================================================================= */
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#edeaea;--surface:#f6f4f4;--card:#ffffff;
  --line:rgba(23,14,16,.12);
  --txt-hi:#1a1416;--txt-mid:#4c4245;--txt-low:#6f6669;
  --tint:rgba(23,14,16,.035);
}
:root[data-theme="light"] header.bar{background:rgba(244,242,242,.88)}
/* text roșu mic pe fundal deschis: roșu mai închis, contrast peste 4,5:1 */
:root[data-theme="light"] main p a,
:root[data-theme="light"] main ul:not(.crs-others) li a,
:root[data-theme="light"] .crs-eyebrow,
:root[data-theme="light"] .hud{color:#b82a31}
/* suprafețe care erau scrise direct în culori închise (pagina de autoevaluare) */
:root[data-theme="light"] .pill,
:root[data-theme="light"] .btn-ghost{background:rgba(255,255,255,.72)}
:root[data-theme="light"] .slab{background:#fff}
:root[data-theme="light"] .ssm-stage{background:#fff;box-shadow:0 30px 70px -40px rgba(60,40,44,.35),0 0 0 1px rgba(242,55,63,.08)}
:root[data-theme="light"] table.ck th{background:rgba(23,14,16,.04)}

/* ---------- logo animat: un punct parcurge orbita și ajunge în sferă, care pulsează (o dată la ~9s) ---------- */
.logo-fx{position:relative;display:inline-block;line-height:0}
.logo-fx-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.lf-dot{fill:#ff5a60;stroke:#fff;stroke-width:4;opacity:0;offset-path:path("M400 345C230 320 40 220 28 125C22 60 130 38 250 38S440 44 500 50");offset-rotate:0deg}
.lf-ring{fill:none;stroke:#f2373f;stroke-width:5;opacity:0;transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:no-preference){
  .lf-dot{animation:lfDot 9s cubic-bezier(.5,.1,.3,1) 1.2s 3}
  .lf-ring{animation:lfRing 9s ease-out 1.2s 3}
}
@keyframes lfDot{0%{offset-distance:0%;opacity:0}2%{opacity:1}15%{offset-distance:100%;opacity:1}17%,100%{offset-distance:100%;opacity:0}}
@keyframes lfRing{0%,15%{opacity:0;transform:scale(.7)}17%{opacity:.9;transform:scale(1)}30%,100%{opacity:0;transform:scale(2.3)}}

/* ---------- bara de sus: grup acțiuni (comutator + „Înapoi la site”) ---------- */
.bar-actions{display:flex;align-items:center;gap:.6rem}

/* ---------- butonul de comutare a temei ---------- */
.theme-toggle{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--txt-hi);cursor:pointer;transition:border-color .25s,transform .3s cubic-bezier(.34,1.45,.44,1)}
.theme-toggle:hover{border-color:rgba(242,55,63,.5);transform:translateY(-2px)}
.theme-toggle:active{transform:scale(.94)}
.theme-toggle:focus-visible{outline:3px solid var(--red);outline-offset:3px}

/* iconița: soarele se transformă în semilună (razele se retrag, discul crește și e „mușcat”) */
.theme-toggle .tm{width:22px;height:22px;overflow:visible;transition:transform .5s cubic-bezier(.34,1.45,.44,1)}
.tm-core,.tm-cut,.tm-rays{transform-origin:12px 12px;transition:transform .6s cubic-bezier(.34,1.45,.44,1),opacity .3s ease}
.tm-cut{transform:translate(14px,-14px)}
.theme-toggle:hover .tm-rays{transform:rotate(45deg)}
:root[data-theme="light"] .tm-core{transform:scale(1.7)}
:root[data-theme="light"] .tm-cut{transform:translate(5px,-4px)}
:root[data-theme="light"] .tm-rays{transform:rotate(-70deg) scale(.3);opacity:0}
:root[data-theme="light"] .theme-toggle:hover .tm{transform:rotate(-18deg)}

/* schimbarea temei se „varsă” în cerc din buton (View Transitions; fără suport → schimbare simplă) */
html.theme-vt::view-transition-old(root),
html.theme-vt::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.theme-vt::view-transition-new(root){z-index:2}
html.theme-vt::view-transition-old(root){z-index:1}

@media (prefers-reduced-motion:reduce){
  .theme-toggle,.theme-toggle .tm,.tm-core,.tm-cut,.tm-rays{transition:none}
}