/*
==========================================
Empregos Core Platform
Design Tokens
==========================================
*/

:root{

    /* ==========================
       CORES
    ========================== */

    --color-primary:#0F172A;
    --color-secondary:#2563EB;
    --color-accent:#F97316;

    --color-success:#22C55E;
    --color-warning:#F59E0B;
    --color-danger:#EF4444;

    --color-background:#F8FAFC;
    --color-surface:#FFFFFF;

    --color-border:#E5E7EB;

    --color-text:#1E293B;
    --color-text-light:#64748B;

    /* ==========================
       FONTES
    ========================== */

    --font-primary:
        Inter,
        sans-serif;

    --font-heading:
        "Space Grotesk",
        sans-serif;

    --font-mono:
        "IBM Plex Mono",
        monospace;

    /* ==========================
       TAMANHOS
    ========================== */

    --font-xs:.75rem;
    --font-sm:.875rem;
    --font-md:1rem;
    --font-lg:1.125rem;
    --font-xl:1.5rem;
    --font-2xl:2rem;
    --font-3xl:3rem;

    /* ==========================
       PESOS
    ========================== */

    --weight-regular:400;
    --weight-medium:500;
    --weight-semibold:600;
    --weight-bold:700;

    /* ==========================
       ESPAÇAMENTOS
    ========================== */

    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:20px;
    --space-6:24px;
    --space-7:32px;
    --space-8:40px;
    --space-9:48px;
    --space-10:64px;
    --space-11:80px;

    /* ==========================
       BORDAS
    ========================== */

    --radius-sm:4px;
    --radius-md:8px;
    --radius-lg:12px;
    --radius-xl:20px;
    --radius-full:999px;

    /* ==========================
       SOMBRAS
    ========================== */

    --shadow-sm:
        0 1px 2px rgba(0,0,0,.05);

    --shadow-md:
        0 4px 8px rgba(0,0,0,.08);

    --shadow-lg:
        0 10px 20px rgba(0,0,0,.10);

    /* ==========================
       CONTAINER
    ========================== */

    --container:1280px;

    /* ==========================
       TRANSIÇÕES
    ========================== */

    --transition:.25s ease;

}