/*=========================================================
PET LUDITOS
Variables Globales
=========================================================*/

:root{

    /*==========================
      COLORES PRINCIPALES
    ==========================*/

    --pl-primary:#24C8D8;
    --pl-primary-dark:#0EA5B7;

    --pl-secondary:#223A5E;

    --pl-accent:#FF7A59;

    --pl-warning:#FFD166;

    --pl-success:#57C67A;

    --pl-danger:#EF4444;

    /*==========================
      NEUTROS
    ==========================*/

    --pl-white:#FFFFFF;

    --pl-background:#F7F9FC;

    --pl-light:#F1F5F9;

    --pl-border:#E5E7EB;

    --pl-gray:#94A3B8;

    --pl-text:#334155;

    --pl-title:#0F172A;

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

    --shadow-sm:
        0 4px 12px rgba(15,23,42,.05);

    --shadow-md:
        0 10px 25px rgba(15,23,42,.08);

    --shadow-lg:
        0 20px 50px rgba(15,23,42,.12);

    /*==========================
      BORDES
    ==========================*/

    --radius-xs:8px;

    --radius-sm:12px;

    --radius-md:18px;

    --radius-lg:28px;

    --radius-xl:40px;

    /*==========================
      ESPACIADOS
    ==========================*/

    --space-1:8px;

    --space-2:16px;

    --space-3:24px;

    --space-4:32px;

    --space-5:48px;

    --space-6:64px;

    --space-7:90px;

    /*==========================
      TRANSICIONES
    ==========================*/

    --transition:.30s ease;

    /*==========================
      CONTENEDOR
    ==========================*/

    --container:1420px;

}