/* Drepturi de autor © 2026 Ovidiu Preda <ovidiu.preda@gmail.com>. Toate drepturile rezervate. */
/*
 * PALETA CENTRALA inchirieriutilaje.ro — singurul loc unde se schimba culorile site-ului.
 * Toate fisierele CSS ale temei/modulelor si clasele Tailwind (slate/gray/primary...) folosesc aceste variabile.
 * Schimbi o valoare aici -> se schimba peste tot (dupa deploy static: refresh.sh --static).
 * Emailurile nu suporta variabile CSS: acolo culorile se citesc din acest fisier de Inchirieri\Rental\Model\Culori.
 * Colturile raman drepte (fara border-radius) — regula site-ului.
 */
:root {
    /* --- Neutre (text, linii, fundaluri) --- */
    --iu-alb: #ffffff;
    --iu-negru: #000000;
    --iu-text: #0f172a;            /* text principal, titluri */
    --iu-inchis: #1f2937;          /* fundaluri inchise (subsol, benzi) */
    --iu-text-2: #334155;          /* text secundar puternic */
    --iu-text-3: #475569;          /* text secundar */
    --iu-text-4: #64748b;          /* text estompat (min. 4.5:1 pe alb) */
    --iu-text-5: #94a3b8;          /* pictograme, text decorativ, linii puternice */
    --iu-text-pe-inchis: #a3afc2;  /* text secundar pe fundal inchis */
    --iu-linie-2: #cbd5e1;         /* chenare campuri, butoane */
    --iu-linie: #e2e8f0;           /* chenare carduri, separatoare */
    --iu-fundal-2: #f1f5f9;        /* fundal gri (etichete, zone) */
    --iu-fundal: #f8fafc;          /* fundal gri foarte deschis */

    /* --- Verde firma (CORINA PLAST) --- */
    --iu-verde: #6dbe45;           /* „verde primavara”, ales 09.10.2026 (inainte #9ab930); butoane, accente */
    --iu-verde-deschis: #97d07a;
    --iu-verde-hover: #5da53a;
    --iu-verde-inchis: #4a832e;
    --iu-verde-text: #345722;      /* text verde lizibil (contrast >= 4.5:1) */
    --iu-verde-linie: #ddebd5;
    --iu-verde-fundal: #f4f8f1;

    /* --- Antet: verde primavara (09.10.2026, cerut de proprietar), text si logo INCHISE (alb pe verde = 2,3:1, nelizibil); logo: inchirieriutilaje-logo-inchis.png --- */
    --iu-antet: #6dbe45;
    --iu-antet-linie: #5da53a;
    --iu-antet-text: #111827;

    /* --- Albastru (legaturi, informatii) --- */
    --iu-link: #1d4ed8;
    --iu-link-hover: #1e40af;
    --iu-albastru: #0369a1;
    --iu-albastru-inchis: #0c4a6e;
    --iu-albastru-deschis: #46b3e8;
    --iu-albastru-linie: #dbeafe;
    --iu-albastru-fundal: #eff6ff;

    /* --- Stari: eroare / succes / atentie / altele --- */
    --iu-rosu: #dc2626;
    --iu-rosu-inchis: #b91c1c;
    --iu-rosu-text: #7f1d1d;
    --iu-rosu-linie: #fecaca;
    --iu-rosu-fundal: #fef2f2;
    --iu-succes: #16a34a;
    --iu-succes-inchis: #047857;
    --iu-succes-text: #14532d;
    --iu-succes-linie: #bbf7d0;
    --iu-succes-fundal: #f0fdf4;
    --iu-galben: #f59e0b;
    --iu-galben-inchis: #b45309;
    --iu-galben-text: #78350f;
    --iu-galben-fundal: #fef3c7;
    --iu-violet: #7c3aed;
    --iu-violet-fundal: #ede9fe;

    /* --- Culori impuse din afara (nu se schimba) --- */
    --iu-ue-albastru: #003399;     /* steag UE — identitate vizuala proiect */
    --iu-ue-galben: #ffcc00;
    --iu-facebook: #1877f2;
    --iu-linkedin: #0a66c2;
    --iu-whatsapp: #25d366;
}

/*
 * Legatura cu Tailwind/Hyva (styles.css): clasele bg-gray-100, text-primary etc. iau culoarea din paleta de mai sus.
 * Regulile de aici sunt in afara @layer, deci bat valorile implicite din @layer theme — nu trebuie recompilat Tailwind.
 */
:root, :host {
    --color-white: var(--iu-alb);
    --color-black: var(--iu-negru);
    --color-bg: var(--iu-fundal);
    --color-fg: var(--iu-text);
    --color-fg-secondary: var(--iu-text-3);
    --color-surface: var(--iu-alb);
    --color-primary: var(--iu-link);
    --color-primary-lighter: var(--iu-link);
    --color-primary-darker: var(--iu-link-hover);
    --color-on-primary: var(--iu-alb);

    --color-gray-50: var(--iu-fundal);    --color-slate-50: var(--iu-fundal);
    --color-gray-100: var(--iu-fundal-2); --color-slate-100: var(--iu-fundal-2);
    --color-gray-200: var(--iu-linie);    --color-slate-200: var(--iu-linie);
    --color-gray-300: var(--iu-linie-2);  --color-slate-300: var(--iu-linie-2);
    --color-gray-400: var(--iu-text-5);   --color-slate-400: var(--iu-text-5);
    --color-gray-500: var(--iu-text-4);   --color-slate-500: var(--iu-text-4);
    --color-gray-600: var(--iu-text-3);   --color-slate-600: var(--iu-text-3);
    --color-gray-700: var(--iu-text-2);   --color-slate-700: var(--iu-text-2);
    --color-gray-800: var(--iu-inchis);   --color-slate-800: var(--iu-inchis);
    --color-gray-900: var(--iu-text);     --color-slate-900: var(--iu-text);
    --color-slate-950: var(--iu-text);

    --color-red-50: var(--iu-rosu-fundal);
    --color-red-500: var(--iu-rosu);
    --color-red-600: var(--iu-rosu);
    --color-green-50: var(--iu-succes-fundal);
    --color-green-500: var(--iu-succes);
    --color-blue-50: var(--iu-albastru-fundal);
    --color-blue-600: var(--iu-link);
}