/* ══════════════════════════════════════════════════════════════════════════════ BRAND.CSS — SINGURUL LOC DE UNDE SE SCHIMBĂ CULORILE SITE-ULUI ══════════════════════════════════════════════════════════════════════════════ CUM SE FOLOSEȘTE (pe scurt, pentru Johnny): Schimbi o singură linie aici → se schimbă peste tot, pe toate cele 23 de pagini, instant. Nu trebuie recompilat nimic, nu trebuie atins niciun alt fișier. Salvezi, urci acest fișier pe server, gata. Exemplu: vrei cyan-ul mai închis? --c-cyan: #00FFFF; → --c-cyan: #00CCCC; ────────────────────────────────────────────────────────────────────────────── CUM FUNCȚIONEAZĂ (pentru cine se uită peste cod mai târziu): Tailwind își generează propriile variabile (--color-neonCyan etc.) și le folosește în toate clasele de tip text-neonCyan / bg-bgDark / border-neonOrange. În loc să scriem culoarea de două ori, blocul @theme din css/_theme.css spune Tailwind-ului „ia valoarea din --c-cyan". Așa, un singur token comandă și clasele Tailwind, și CSS-ul scris de mână. ATENȚIE — locuri care NU pot folosi variabile (se schimbă manual dacă e cazul): • — există pe toate paginile • manifest.json (culorile aplicației instalate pe telefon) • favicon-urile scrise ca data:URI în • send.php (mailul de confirmare) ══════════════════════════════════════════════════════════════════════════════ */ :root { /* ── 1. CULORILE DE BRAND ───────────────────────────────────────────────── Astea dau personalitatea site-ului. Ordinea = cât de des apar. */ --c-cyan: #00FFFF; /* accentul principal */ --c-green: #39ff14; /* prime, ecologie, „gratuit" */ --c-orange: #FF4500; /* lemn, urgență, hamburger */ --c-magenta: #FF1493; /* contact, formulare */ --c-gold: #D4AF37; /* premium, baie coulissante */ --c-blue: #297EFF; /* aluminiu, securitate (deschis pt. contrast pe fond negru — vezi incident-05.08) */ --c-purple: #6B21A8; /* doar volets-bruxelles */ --c-amber: #F59E0B; /* doar screen-solaire */ /* variante folosite punctual, derivate din cele de sus */ --c-magenta-dark: #b8005c; --c-purple-bright: #8A2BE2; --c-blue-light: #4d94ff; /* varianta lizibilă a albastrului pe fond negru */ --c-cyan-mint: #00FFCC; --c-gold-bright: #FFD700; /* ── 2. FUNDALURILE ─────────────────────────────────────────────────────── Nuanțe de „aproape negru". Sunt 6, foarte apropiate între ele — s-au adunat în timp. Le-am păstrat distincte ca să nu schimb aspectul acum; dacă vrei vreodată să le unifici, e o decizie separată, de comparat vizual. */ --c-bg-0: #030405; /* fundalul paginii */ --c-bg-1: #050608; /* secțiune alternantă */ --c-bg-2: #08080C; /* carduri */ --c-bg-3: #0A0E17; /* pastilele de zone */ --c-bg-4: #0a0f14; /* butonul de telefon din header */ --c-fab: #080a0c; /* butoanele plutitoare */ /* ── 3. NEUTRE ──────────────────────────────────────────────────────────── */ --c-white: #ffffff; --c-black: #000000; --c-shadow-rgb: 0, 0, 0; /* pentru umbrele de adâncime, ex. rgba(var(--c-shadow-rgb), .5) */ /* ── 4. TEXT ────────────────────────────────────────────────────────────── */ --c-txt-hi: #E2E8F0; /* text accentuat */ --c-txt-1: #D1D5DB; /* text normal */ --c-txt-2: #9AA6AD; /* text secundar */ --c-txt-3: #8F9AA3; /* text discret */ /* ── 5. CULORI ALE ALTOR FIRME — NU SE ATING ────────────────────────────── Astea sunt culorile OFICIALE ale altor branduri. Au prefix „--x-" tocmai ca să NU se schimbe din greșeală când îți schimbi tu identitatea vizuală. WhatsApp trebuie să rămână verdele WhatsApp, altfel oamenii nu-l recunosc. */ --x-whatsapp: #25D366; --x-facebook: #1877F2; --x-urgence: #FF0000; }