/*
====================================================
PROJECT TRIGO
Design System
Version: 1.0.0
====================================================
*/

/* ==================================================
   ROOT VARIABLES
================================================== */

:root{

    /* ==================================================
       COLOR PALETTE
    ================================================== */

    --trigo-primary:        #005AA9;
    --trigo-secondary:      #6C757D;

    --trigo-success:        #22C55E;
    --trigo-warning:        #F59E0B;
    --trigo-danger:         #DC3545;
    --trigo-info:           #0EA5E9;

    /* ==================================================
       BACKGROUND
    ================================================== */

    --trigo-bg:             #F5F7FA;
    --trigo-surface:        #FFFFFF;

    /* ==================================================
       TEXT
    ================================================== */

    --trigo-text:           #1F2937;
    --trigo-text-light:     #6B7280;

    /* ==================================================
       BORDER
    ================================================== */

    --trigo-border:         #E5E7EB;

    /* ==================================================
       BORDER RADIUS
    ================================================== */

    --trigo-radius-sm:      8px;
    --trigo-radius:         16px;
    --trigo-radius-lg:      24px;

    /* ==================================================
       SHADOWS
    ================================================== */

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

    --trigo-shadow:         0 12px 25px rgba(0,0,0,.10);

    --trigo-shadow-lg:      0 18px 40px rgba(0,0,0,.15);

    /* ==================================================
       TRANSITIONS
    ================================================== */

    --trigo-transition:     all .25s ease;

    /* ==================================================
       SPACING
    ================================================== */

    --trigo-space-sm:       .5rem;
    --trigo-space:          1rem;
    --trigo-space-lg:       2rem;
    --trigo-space-xl:       3rem;

}

/* ==================================================
   TYPOGRAPHY
================================================== */

body{

    font-family:
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        Arial,
        sans-serif;

}