:root {

    /* ==========================
       COLORS
    ========================== */

    --color-primary: #111111;
    --color-secondary: #3d3d3d;
    --color-accent: #0066ff;

    --color-white: #ffffff;
    --color-light: #f5f5f5;
    --color-border: #e4e4e4;

    /* ==========================
       TIPOGRAFIA
    ========================== */

    --font-main: Arial, Helvetica, sans-serif;

    --fs-xs: .85rem;
    --fs-sm: 1rem;
    --fs-md: 1.25rem;
    --fs-lg: 2rem;
    --fs-xl: 3rem;
    --fs-xxl: 4rem;

    --fw-normal:400;
    --fw-medium:500;
    --fw-semibold:600;
    --fw-bold:700;

    --line-height:1.6;

    /* ==========================
       ESPAIS
    ========================== */

    --space-xs:.5rem;
    --space-sm:1rem;
    --space-md:2rem;
    --space-lg:4rem;
    --space-xl:6rem;

    /* ==========================
       CONTENIDOR
    ========================== */

    --container-width:1200px;

    /* ==========================
       ALTRES
    ========================== */

    --radius:12px;

    --transition:.3s ease;

}