/* Tokenurile designului Autonom, comune paginilor publice (public.css) și consolei (consola.css).
   Sursa: fișierul Figma „2026 Autonom PRM (Copy)”, biblioteca ADS (variabilele din colecțiile Tokens și
   Primitives, modul Light); numele variabilei Figma e în comentariu. Fonturile sunt găzduite local
   (assets/fonts/, SIL OFL 1.1, vezi OFL.txt): CSP-ul are font-src 'self', fără surse externe.
   Abaterile de la design (contrast WCAG AA, nuanțele derivate) sunt descrise în docs/design/README.md. */

/* --- Fonturile: Titillium Web 600 (Font family/Display) și Figtree 400/500/600 (Font family/Normal),
   subseturile latin + latin-ext (ă, ș, ț sunt în latin-ext; â, î în latin). --- */
@font-face {
    font-family: "Titillium Web";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/titillium-web-latin-ext-600-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
        U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Titillium Web";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/titillium-web-latin-600-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
        U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Figtree";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/figtree-latin-ext-400-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
        U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Figtree";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/figtree-latin-400-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
        U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Figtree";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/figtree-latin-ext-500-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
        U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Figtree";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/figtree-latin-500-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
        U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Figtree";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/figtree-latin-ext-600-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
        U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Figtree";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/figtree-latin-600-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
        U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    /* --- Fonturile --- */
    --font-display: "Titillium Web", "Segoe UI", Arial, sans-serif;                    /* Font family/Display */
    --font-text: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; /* Font family/Normal */
    --font-mono: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;

    /* --- Scara tipografică (mărime / înălțimea rândului; display -1%, text +1% spațiere) --- */
    --display-xl: 48px;     /* Display/XL */
    --display-lg: 40px;     /* Display/LG */
    --display-lg-mobil: 32px; /* propunere: designul e doar pentru desktop; Display/LG pe telefon */
    --display-2xs: 24px;    /* Display/2XS */
    --display-4xs: 18px;    /* Display/4XS (meniul) */
    --display-inaltime: 1.2;
    --display-spatiere: -0.01em;
    --subtitlu-md: 24px;    /* Subheading/MD */
    --subtitlu-xs: 16px;    /* Subheading/XS */
    --text-lg: 18px;        /* Body/LG */
    --text-md: 16px;        /* Body/MD */
    --text-sm: 13.8px;      /* Body/SM */
    --text-xs: 12px;        /* Body/XS */
    --text-2xs: 10px;       /* Body/2XS */
    --text-inaltime: 1.3;
    --text-spatiere: 0.01em;

    /* --- Spațiile (scale/50 … scale/1000) --- */
    --spatiu-50: 2px;
    --spatiu-100: 4px;
    --spatiu-200: 8px;
    --spatiu-300: 12px;
    --spatiu-400: 16px;
    --spatiu-500: 20px;
    --spatiu-600: 24px;
    --spatiu-800: 32px;
    --spatiu-1000: 48px;

    /* --- Razele --- */
    --raza-rotund: 48px;    /* Border Radius/round (butoane, câmpuri, chip-uri) */
    --raza-2xl: 24px;       /* Border Radius/2xl (badge-uri) */
    --raza-xl: 16px;        /* Border Radius/xl (carduri, meniuri) */
    --raza-lg: 8px;         /* Border Radius/lg */
    --raza-mica: 4px;       /* table-column-* (hover) */
    --raza-bifa: 2px;       /* element/check-set/checkbox */

    /* --- Umbrele --- */
    --umbra-card: 0 4px 8px rgba(0, 0, 0, 0.05), 0 8px 18px rgba(0, 0, 0, 0.05); /* element/modal (opțiunile contului) */
    --umbra-md: 0 8px 20px -2px rgba(0, 0, 0, 0.12);                             /* efectul „md” */

    /* --- Suprafețele --- */
    --suprafata-pagina: #fafafb;          /* Surface/page */
    --suprafata-card: #ffffff;            /* Surface/card, Surface/surface-white */
    --suprafata-gri: #f0f0f0;             /* Surface/surface-grey (antetul tabelului, chip-uri, hover) */
    --suprafata-secundara: #eaf5ff;       /* Surface/action secondary (blue/50) */
    --suprafata-secundara-hover: #daedff; /* Surface/action secondary - hover (blue/100) */
    --suprafata-actiune-deschisa: #e3e3fe;/* Surface/action-hover-light (duke/50) */
    --suprafata-gri-inchis: #373b47;      /* Surface/surface-grey-dark (grey/600): fundalul fotografiei până se încarcă */

    /* --- Textul --- */
    --text-titluri: #190fa4;              /* Text/headings (duke/500) */
    --text-corp: #373b47;                 /* Text/body (grey/600) */
    --text-secundar: #525969;             /* Text/secondary (grey/400); 7:1 pe alb */
    --text-indiciu: #777f94;              /* Text/placeholder (grey/300); 4:1, doar pentru indicii mari sau decorative */
    --text-dezactivat: #ced2db;           /* Text/disabled */
    --text-pe-actiune: #ffffff;           /* Text/on-action */
    --text-actiune: #1e13bc;              /* Text/action (duke/400) */
    --text-actiune-hover: #190fa4;        /* Text/action-hover (duke/500) */

    /* --- Bordurile --- */
    --bordura: #ced2db;                   /* Border/default (grey/100) */
    --bordura-neutra: #777f94;            /* Border/neutral (checkbox) */
    --bordura-actiune: #1e13bc;           /* Border/action (meniul activ, butonul outline) */
    --bordura-actiune-hover: #190fa4;     /* Border/action-hover */
    --bordura-informatie: #1a8cff;        /* Border/information (câmpul activ, tabul activ) */
    --bordura-focus: #1e13bc;             /* Border/focus (inelul de focus) */

    /* --- Albastrul de acțiune (blue/*). Designul pune #1a8cff (Surface/button solid) sub text alb: 3,4:1, sub
       AA pentru textul de 18px Medium. Butoanele și subsolul folosesc nuanțele mai închise din aceeași paletă:
       blue/500 #0074d9 (4,7:1 cu alb), hover blue/600 #005cad (6,7:1). --- */
    --albastru-design: #1a8cff;           /* Surface/button solid, Text/information, Surface/information (blue/400) */
    --albastru-actiune: #0074d9;          /* blue/500 (Secondary/500) — butoanele pline, subsolul */
    --albastru-actiune-hover: #005cad;    /* blue/600 (Secondary/600) */
    --albastru-deschis: #99cbff;          /* blue/300 */
    --culoare-link: #005cad;              /* blue/600: linkurile din text (Text/information #1a8cff are 3,4:1) */
    --culoare-link-hover: #1e13bc;        /* Text/action (duke/400) */

    /* --- Stările (Text/*, Surface/*, Border/*, icon/* success | warning | alert din ADS). Textul colorat pe
       fundal deschis folosește nuanțele închise ale paletei, ca să treacă AA; fundalurile deschise (-fundal)
       sunt nuanțe derivate (8% din culoarea stării peste alb), paleta ADS nu are trepte 50/100 pentru ele. --- */
    --succes: #13b75a;                    /* Surface/success (green/500) */
    --succes-text: #067c38;               /* green/700 (Border/success, modul Dark): 5,3:1 pe alb */
    --succes-bordura: #1be070;            /* Border/success (green/300) */
    --succes-fundal: #ecfbf3;             /* derivat: 8% green/400 #17cb65 */
    --atentie: #f3ac6a;                   /* Surface/warning, icon/warning (orange/400) */
    --atentie-bordura: #f9d6c0;           /* Border/warning (orange/200) */
    --atentie-fundal: #fef8f3;            /* derivat: 8% orange/400 */
    --atentie-text: #844dc7;              /* Text/warning (grape/400): 5,4:1 pe alb */
    --eroare: #f9598c;                    /* Surface/alert, icon/alert, Text/alert (red/400): 3,1:1, doar decorativ */
    --eroare-text: #ba185a;               /* red/600 (Alert/600): 6,2:1 pe alb, pentru textul mesajelor de eroare */
    --eroare-bordura: #fbb3c3;            /* Border/alert (red/200) */
    --eroare-fundal: #fef2f6;             /* derivat: 8% red/400 */
    --info: #1a8cff;                      /* icon/information (blue/400) */
    --info-text: #005cad;                 /* blue/600 */
    --info-bordura: #99cbff;              /* blue/300 */
    --info-fundal: #eaf5ff;               /* Surface/action secondary (blue/50) */
    --neutru: #777f94;                    /* grey/300 */
    --neutru-fundal: #f0f0f0;             /* Surface/surface-grey */

    /* --- Etichetele mediului (DEV/TEST) --- */
    --mediu-dev: #f3ac6a;                 /* orange/400, cu text Text/body (5,8:1) */
    --mediu-test: #844dc7;                /* grape/400, cu text alb (5,4:1) */

    /* --- Pe subsolul albastru --- */
    --subsol-text: #ffffff;               /* Text/on-action: 4,7:1 pe blue/500 */
    --subsol-separator: rgba(255, 255, 255, 0.4);

    /* --- Marcajul DE_COMPLETAT (unealtă de revizie, nu face parte din design) --- */
    --marcaj-fundal: #fef9c3;
    --marcaj-bordura: #ca8a04;
    --marcaj-text: #854d0e;

    /* --- Logo (pentru referință; sigla e un SVG) --- */
    --logo-primar: #1e13bc;               /* Logo/primary */
    --logo-verde: #17cb65;                /* Logo/green */
    --logo-albastru: #1a8cff;             /* Logo/blue */
    --logo-grape: #844dc7;                /* Logo/grape */

    /* --- Lățimile --- */
    --latime-continut: 1216px;            /* template/section/content (1440 - 2 × 112) */
    --latime-formular: 488px;             /* coloana formularului din „Autentificare Desktop” */
}