/* ══ TEMA DESCHISĂ A SITE-ULUI PUBLIC ═══════════════════════════════════
   Hotărâre a utilizatorului (24 sept 2026): pe tot site-ul public rămâne
   doar fundalul deschis #f3f7fc; bleumarinul (și stelele) dispar de peste
   tot. Rămân închise doar insulele alese: meniul de sus, footerul și
   bannerele (profil cu foi, profil video, bannerul listărilor). Antetul
   contului (.pu-banner) e deschis, albastru diamant, din 24 sept. Mativera+, tablourile specialiștilor, camera de ședință și
   panoul de admin NU primesc foaia asta (vezi includes/head-assets.php).

   Cum: foaia vine imediat după tokens.css și redefinește tokenii la :root,
   deci tot ce folosește var(--mv-*) se întoarce singur. Insulele închise
   își redeclară tokenii închiși. Ce e scris direct în CSS-ul paginilor
   (alb, bleumarin) e reparat mai jos, cu `:root` în față, ca să bată
   regula paginii, care se încarcă după foaia asta.

   Paleta (aceeași ca pe profiluri, listări și pagina de vizionare):
     fond #f3f7fc · carduri #dbe8f8 (albastru diamant) · text #0b1623
     (pupila din logo) · text secundar #4a5d74 · accent #0a3aa5 (inelul
     exterior) · text alb pe butoanele albastre. */

:root {
    --mv-bg: #f3f7fc;
    --mv-elev-1: rgba(10, 58, 165, 0.045);
    --mv-elev-2: rgba(10, 58, 165, 0.07);
    --mv-elev-3: rgba(10, 58, 165, 0.1);
    --mv-elev-4: rgba(10, 58, 165, 0.14);
    --mv-surface-solid: #dbe8f8;
    --mv-surface-white: #ffffff;
    --mv-text: #0b1623;
    --mv-text-soft: #0b1623;
    --mv-text-2: #4a5d74;
    --mv-text-3: #4a5d74;
    --mv-text-inverse: #ffffff;
    --mv-accent: #0a3aa5;
    --mv-accent-soft: #1f4fbf;
    --mv-border: rgba(11, 22, 35, 0.14);
    --mv-border-soft: rgba(11, 22, 35, 0.09);
    --mv-border-strong: rgba(11, 22, 35, 0.24);
    --mv-success: #047857;
    --mv-success-soft: rgba(4, 120, 87, 0.1);
    --mv-warning: #b45309;
    --mv-warning-soft: rgba(180, 83, 9, 0.1);
    --mv-danger: #b91c1c;
    --mv-danger-soft: rgba(185, 28, 28, 0.08);
    --mv-info-soft: rgba(10, 58, 165, 0.08);
    --mv-shadow-xs: 0 1px 2px rgba(11, 22, 35, 0.06);
    --mv-shadow-sm: 0 2px 8px rgba(11, 22, 35, 0.08);
    --mv-shadow-md: 0 6px 20px rgba(11, 22, 35, 0.1);
    --mv-shadow-lg: 0 14px 40px rgba(11, 22, 35, 0.12);
    --mv-focus-ring: 0 0 0 3px rgba(10, 58, 165, 0.3);
}
html { background: #f3f7fc !important; color-scheme: light; }

/* Variabilele definite de foile paginilor (contact.css, index.css,
   programarile-mele.css…) cu valori pentru fundal închis. `html:root` bate
   `:root`-ul lor, deși ele se încarcă după foaia asta. Panourile „de sticlă"
   devin carduri albastru diamant, ca în restul site-ului. */
html:root {
    --glass: #dbe8f8;
    --bg-card: #dbe8f8;
    --surface: #dbe8f8;
    --surface-hover: #d2e1f5;
    --sp-surface: #dbe8f8;
    --sp-border: rgba(10, 58, 165, 0.14);
}
body { color: #0b1623; }

/* ── Insulele închise: meniul, footerul, bannerele ─────────────────────
   Își redeclară tokenii închiși din tokens.css, deci arată ca înainte. */
/* nav.navbar = meniul paginilor fără header.php (programările mele…) */
:root :is(header.nav, nav.navbar, .site-footer, .cp-banner, .psy-banner) {
    --mv-bg: #0b1220;
    --mv-elev-1: rgba(255, 255, 255, 0.04);
    --mv-elev-2: rgba(255, 255, 255, 0.06);
    --mv-elev-3: rgba(255, 255, 255, 0.08);
    --mv-elev-4: rgba(255, 255, 255, 0.12);
    --mv-surface: rgba(255, 255, 255, 0.08);
    --mv-surface-solid: #153049;
    --mv-text: #ffffff;
    --mv-text-soft: #ffffff;
    --mv-text-2: #ffffff;
    --mv-text-3: #ffffff;
    --mv-text-inverse: #001a2e;
    --mv-accent: #6ec1ff;
    --mv-accent-soft: #8bd3ff;
    --mv-border: rgba(255, 255, 255, 0.15);
    --mv-border-soft: rgba(255, 255, 255, 0.08);
    --mv-border-strong: rgba(255, 255, 255, 0.28);
    --mv-success: #10b981;
    --mv-warning: #f59e0b;
    --mv-danger: #ef4444;
    --mv-focus-ring: 0 0 0 3px rgba(110, 193, 255, 0.45);
    /* tokenii paginilor (profil.css, psihologi.css…) */
    --text: #ffffff;
    --muted: rgba(255, 255, 255, 0.78);
    --primary: #6ec1ff;
    --accent: #6ec1ff;
    --border: rgba(255, 255, 255, 0.15);
    --glass: rgba(255, 255, 255, 0.08);
    --bg-card: rgba(255, 255, 255, 0.04);
    --surface: rgba(12, 20, 40, 0.75);
    color: #ffffff;
}

/* ══ Culori scrise direct în foile paginilor ═════════════════════════════
   `:root` în față le ridică specificitatea peste regula paginii. */

/* Bara „Ai nevoie de ajutor acum?" când stă singură (nu în footer) */
:root .mtv-telverde:not(.site-footer *) {
    background: #e6eef9;
    border-top: 1px solid rgba(11, 22, 35, 0.08);
}
:root .mtv-telverde:not(.site-footer *) .mtv-telverde__num { color: #0a3aa5; border-bottom-color: rgba(10, 58, 165, 0.35); }
:root .mtv-telverde:not(.site-footer *) .mtv-telverde__num:hover { border-bottom-color: #0a3aa5; }

/* Butonul principal generic (style.css îl face albastru deschis, cu text
   închis); în afara meniului și a footerului devine albastrul regal. */
:root .btn.primary:not(header.nav *):not(.site-footer *) { background: #0a3aa5; border-color: #0a3aa5; color: #ffffff; }
:root .btn.primary:not(header.nav *):not(.site-footer *):hover { background: #1f4fbf; }

/* Autentificare: login, înregistrare, resetare parolă */
:root .gw-page { background: #f3f7fc; }
:root .gw-card-inner { background: #dbe8f8; }
:root .gw-orb::after { background: radial-gradient(circle at 35% 35%, #ffffff, #dbe8f8); }
:root .gw-alert--ok { color: #047857; }
:root .gw-forgot-overlay { background: rgba(11, 22, 35, 0.45); }
:root .gw-forgot-modal { background: #f3f7fc; }

/* Teste IQ */
:root .progress-header { background: rgba(243, 247, 252, 0.96); }
:root .nc-metric { background: rgba(10, 58, 165, 0.06); }
:root .iq-auth-card { background: #f3f7fc; border-color: rgba(10, 58, 165, 0.18); }

/* Abonamente (/inscriere) și după plată */
:root .sp-page { background: #f3f7fc; }
:root .checkout-modal { background: #f3f7fc; border-color: rgba(10, 58, 165, 0.18); }
/* checkout-success / checkout-cancel își pun gradientul închis pe <body> */
:root body { background: #f3f7fc; }
:root .btn.btn-secondary:not(header.nav *):not(.site-footer *) { color: #0a3aa5; border-color: rgba(10, 58, 165, 0.35); }

/* Programările mele */
:root .tabs { background: rgba(10, 58, 165, 0.06); }
:root .tab .count { background: rgba(10, 58, 165, 0.1); color: #0b1623; }
:root .tab.active .count { background: rgba(11, 22, 35, 0.28); color: #ffffff; }

/* Contul utilizatorului: „Deconectare" are culoarea scrisă în atributul style */
:root .pu-nav-logout, :root .pu-nav-logout i { color: #b91c1c !important; }


/* Meniul de sus și footerul: bleumarin solid. Erau translucide, gândite
   peste fundalul închis; pe cel deschis ieșeau gri, cu textul alb pierdut. */
:root :is(header.nav, nav.navbar) { background: rgba(11, 18, 32, 0.97) !important; }
:root .site-footer { background: #0b1220 !important; }

/* Căutarea de pe dezvoltare personală și videoclipuri alimentație */
:root :is(.dev-search-box, .nut-search-box) {
    background: #ffffff;
    border-color: rgba(10, 58, 165, 0.22);
    box-shadow: 0 1px 2px rgba(11, 22, 35, 0.05);
}
:root :is(.dev-search-box, .nut-search-box):focus-within { border-color: rgba(10, 58, 165, 0.55); }
:root :is(.dev-search-input, .nut-search-input) { color: #0b1623; }
:root :is(.dev-search-input, .nut-search-input)::placeholder { color: #4a5d74; }

/* Fereastra „Intră în cont" (includes/auth-modal.php) */
:root .mtv-am-overlay { background: rgba(11, 22, 35, 0.45); }
:root .mtv-am-card { background: #f3f7fc; border-color: rgba(10, 58, 165, 0.18); }
:root .mtv-am-title { color: #0b1623; }
:root .mtv-am-btn.primary { background: #0a3aa5; color: #ffffff; box-shadow: 0 6px 20px rgba(10, 58, 165, 0.22); }
:root .mtv-am-btn.secondary { background: rgba(10, 58, 165, 0.06); border-color: rgba(10, 58, 165, 0.18); color: #0b1623; }
:root .mtv-am-btn.secondary:hover { background: rgba(10, 58, 165, 0.1); color: #0b1623; }


/* Prima pagină: „Cunoaște Echipa" (.btn-outline) — albastru plin, ca
   butoanele principale; conturul transparent se pierdea pe fundalul deschis. */
:root .btn-outline {
    background: #0a3aa5;
    border-color: #0a3aa5;
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(10, 58, 165, 0.22);
}
:root .btn-outline:hover { background: #1f4fbf; border-color: #1f4fbf; color: #ffffff; }