/* ============================================================================
   ePortal — Paletă extinsă de culori (design tokens)
   Doar variabile CSS in :root — fara reset, fara stiluri de componente — ca
   sa poata fi legat de ORICE modul, inclusiv sesizari/ (care nu leaga
   eportal-base.css, fiindca acela are reset/decor ce s-ar bate cu Bootstrap).

   Scop: un rezervor de culori gata parametrizat, din care se aleg nuante
   pentru stari (succes/avertisment/eroare/info), grafice, insigne etc., fara
   sa se scrie hex direct in alte fisiere CSS — vezi conventia „Fara culori
   de brand scrise direct" din infrastructura.md.

   Scala (10 familii x 11 trepte, 05=cea mai inchisa .. 95=cea mai deschisa,
   plus un alias `--{familie}` care indica treapta implicita/cea mai
   echilibrata a familiei) e preluata dintr-un sistem de tokeni calibrat in
   OKLCH (spatiu de culoare perceptual uniform) — mult mai saturata/vibranta
   decat setul anterior (calculat manual, prin cresterea saturatiei HSL).
   Nu se modifica valorile hex — sunt deja calibrate.
   ========================================================================== */

:root {
    /* --- Roșu --- */
    --red-95: #fff0ef;
    --red-90: #ffdedc;
    --red-80: #ffb8b6;
    --red-70: #fd8f90;
    --red-60: #f3676c;
    --red-50: #dc3146;
    --red-40: #b30532;
    --red-30: #8a132c;
    --red-20: #631323;
    --red-10: #3e0913;
    --red-05: #2a040b;
    --red: var(--red-50);

    /* --- Portocaliu --- */
    --orange-95: #fff0e6;
    --orange-90: #ffdfca;
    --orange-80: #ffbb94;
    --orange-70: #ff9266;
    --orange-60: #f46a45;
    --orange-50: #cd491c;
    --orange-40: #9f3501;
    --orange-30: #802700;
    --orange-20: #601b00;
    --orange-10: #3c0d00;
    --orange-05: #280600;
    --orange: var(--orange-60);

    /* --- Galben --- */
    --yellow-95: #fef3cd;
    --yellow-90: #ffe495;
    --yellow-80: #fac22b;
    --yellow-70: #ef9d00;
    --yellow-60: #da7e00;
    --yellow-50: #b45f04;
    --yellow-40: #8c4602;
    --yellow-30: #6f3601;
    --yellow-20: #532600;
    --yellow-10: #331600;
    --yellow-05: #220c00;
    --yellow: var(--yellow-80);

    /* --- Verde --- */
    --green-95: #e3f9e3;
    --green-90: #c2f2c1;
    --green-80: #93da98;
    --green-70: #5dc36f;
    --green-60: #00ac49;
    --green-50: #00883c;
    --green-40: #036730;
    --green-30: #0a5027;
    --green-20: #0a3a1d;
    --green-10: #052310;
    --green-05: #031608;
    --green: var(--green-60);

    /* --- Cyan --- */
    --cyan-95: #e3f6fb;
    --cyan-90: #c5ecf7;
    --cyan-80: #7fd6ec;
    --cyan-70: #2fbedc;
    --cyan-60: #00a3c0;
    --cyan-50: #078098;
    --cyan-40: #026274;
    --cyan-30: #014c5b;
    --cyan-20: #003844;
    --cyan-10: #002129;
    --cyan-05: #00151b;
    --cyan: var(--cyan-70);

    /* --- Albastru --- */
    --blue-95: #e8f3ff;
    --blue-90: #d1e8ff;
    --blue-80: #9fceff;
    --blue-70: #6eb3ff;
    --blue-60: #3e96ff;
    --blue-50: #0071ec;
    --blue-40: #0053c0;
    --blue-30: #003f9c;
    --blue-20: #002d77;
    --blue-10: #001a4e;
    --blue-05: #000f35;
    --blue: var(--blue-50);

    /* --- Indigo --- */
    --indigo-95: #f0f2ff;
    --indigo-90: #dfe5ff;
    --indigo-80: #bcc7ff;
    --indigo-70: #9da9ff;
    --indigo-60: #808aff;
    --indigo-50: #6163f2;
    --indigo-40: #4945cb;
    --indigo-30: #3933a7;
    --indigo-20: #292381;
    --indigo-10: #181255;
    --indigo-05: #0d0a3a;
    --indigo: var(--indigo-50);

    /* --- Violet --- */
    --purple-95: #f7f0ff;
    --purple-90: #eedfff;
    --purple-80: #ddbdff;
    --purple-70: #ca99ff;
    --purple-60: #b678f5;
    --purple-50: #9951db;
    --purple-40: #7936b3;
    --purple-30: #612692;
    --purple-20: #491870;
    --purple-10: #2d0b48;
    --purple-05: #1e0532;
    --purple: var(--purple-50);

    /* --- Roz --- */
    --pink-95: #feeff9;
    --pink-90: #feddf0;
    --pink-80: #fcb5d8;
    --pink-70: #f78dbf;
    --pink-60: #e66ba3;
    --pink-50: #c84382;
    --pink-40: #9e2a6c;
    --pink-30: #7d1e58;
    --pink-20: #5e1342;
    --pink-10: #3c0828;
    --pink-05: #28041a;
    --pink: var(--pink-50);

    /* --- Gri --- */
    --gray-95: #f1f2f3;
    --gray-90: #e4e5e9;
    --gray-80: #c7c9d0;
    --gray-70: #abaeb9;
    --gray-60: #9194a2;
    --gray-50: #717584;
    --gray-40: #545868;
    --gray-30: #424554;
    --gray-20: #2f323f;
    --gray-10: #1b1d26;
    --gray-05: #101219;
    --gray: var(--gray-40);
}