/* ═══════════ TEMĂ LIGHT/DARK — paletă comună pentru toate paginile ═══════════ */ /* Dark = valorile din :root ale fiecărei pagini (implicit). */ /* Light = se activează cu clasa .light pe (pusă de assets/theme.js). */ /* Toate paginile folosesc aceleași nume de variabile, deci un singur fișier ajunge.*/ /* valori DARK implicite pentru variabilele suplimentare (paginile de cont le folosesc) */ :root{ --card2:#12121f; /* suprafață „ridicată": butoane ghost, avataruri, carduri interne */ --card3:#0a0a16; /* capătul închis al gradientului de card */ --navbg:rgba(5,5,12,.72); /* bara de sus translucidă (dark) */ } :root.light{ --cyan:#0891b2; --magenta:#c026d3; --violet:#7c3aed; --ink:#eef4fb; --ink2:#e4edf7; --card:#ffffff; --line:#d4e0ee; --text:#0f1b2d; --muted:#5a6b82; --navbg:rgba(238,244,251,.9); --cardbg:rgba(255,255,255,.92); --neon:#0891b2; --green:#0f9d6b; --orange:#c77700; --red:#e5484d; --card2:#eef4fb; /* suprafață ridicată pe light */ --card3:#e4edf7; /* capăt de gradient pe light */ /* gradient mai intens pe light, ca textul alb de pe butoane să iasă clar */ --grad:linear-gradient(120deg,#0891b2,#7c3aed 55%,#c026d3); } /* tranziție lină la comutarea temei */ body, body *{ transition: background-color .4s ease, color .3s ease, border-color .3s ease; } /* mici corecții pe light (bordură ghost mai vizibilă) — valabile pe orice pagină */ :root.light .btn-ghost{ border-color:#b9c9dc; color:#0f1b2d; } :root.light .btn-ghost:hover{ border-color:var(--cyan); color:var(--cyan); } /* banner de cookies pe light (are culori hardcodate inline → forțăm cu !important) */ :root.light #cookieBanner{ background:#ffffff !important; border-top:1px solid #d4e0ee !important; box-shadow:0 -8px 30px rgba(0,0,0,.12) !important; } :root.light #cookieBanner > div > div:first-child{ color:#3a4658 !important; } :root.light #cookieBanner a{ color:#0891b2 !important; } :root.light #cookieBanner button[onclick*="refuz"]{ background:#eef4fb !important; color:#0f1b2d !important; border-color:#d4e0ee !important; } /* butoane „pericol" (Anulează / Șterge) pe light: fundal deschis, text roșu */ :root.light .btn.danger, :root.light .del{ background:#fff1f2 !important; color:#e5484d !important; border-color:#f4c2c6 !important; } /* bara fixă de jos (comanda) + tooltip-uri închise → deschise pe light */ :root.light .totalBar{ background:var(--cardbg) !important; } :root.light .planTip{ background:#ffffff !important; color:var(--text) !important; border-color:var(--line) !important; } /* panoul-showcase din stânga (pagina de cont) pe light: fundal deschis în loc de negru */ :root.light .showcase{ background: radial-gradient(70% 55% at 30% 25%, rgba(124,58,237,.10), transparent 70%), radial-gradient(60% 50% at 75% 15%, rgba(8,145,178,.10), transparent 70%), radial-gradient(120% 90% at 30% 20%, #eef4fb, #dbe6f2 72%) !important; } :root.light .showCity{ opacity:.32 !important; } /* buton flotant de temă — apare pe paginile care nu au deja unul în meniu */ #rmrThemeBtn{ position:fixed; right:18px; bottom:18px; z-index:40; width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:20px; line-height:1; cursor:pointer; background:var(--card); color:var(--text); border:1px solid var(--line); box-shadow:0 6px 20px rgba(0,0,0,.35); transition:transform .15s ease, box-shadow .2s ease; } #rmrThemeBtn:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(0,0,0,.45); }