:root{

    /* ---------- COLORES ---------- */

    --c-primary-bkg   : #f8fafb;
    --c-primary-000   : white;
    --c-primary-050   : #f1f4f6;
    --c-primary-100   : #e7edf3;
    --c-primary-200   : #c7d0db;
    --c-primary-200-t : #c7d0db81;
    --c-primary-200-tl: #c7d0db24;
    --c-primary-250   : #abb8c9;
    --c-primary-275   : #647c9b;
    --c-primary-300   : #2E4F79;
    --c-primary-400   : #123449;
    --c-primary-500   : #15365F;
    --c-primary-600   : #0e2b51;
    --c-primary-700   : #072143;
    --c-primary-800   : #001634;
    --c-primary-900   : #000b1a;

    --c-secondary-050 : #f0f0f0;
    --c-secondary-100 : #cacaca;
    --c-secondary-200 : #b2b2b2;
    --c-secondary     : #7a7a7a;
    
    --c-accent        : #F2A17E;

    --c-border: #cad4d5;

    --c-success-o-15  : #66bb6e26;
    --c-success-o-25  : #66bb6e40;
    --c-success-o-5   : #66bb6e80;

    --c-success-100   : #eef8f0;   
    --c-success-300   : #9fd6a5;     
    --c-success-400   : #66bb6e;
    --c-success       : #66bb6e;
    --c-success-500   : #4f9f57;  
    --c-success-600   : #35763c; 

    --c-success-light : #cfead2;

    --c-warning-o-075 : #f49c3413;
    --c-warning-o-15  : #f49c3426;
    --c-warning-o-25  : #f49c3440;
    --c-warning-o-5   : #f49c3480;

    --c-warning-100   : #fef3e6;
    --c-warning-300   : #f7bd77;
    --c-warning-400   : #f49c34;
    --c-warning       : #f49c34;
    --c-warning-500   : #d98222;
    --c-warning-600   : #8c5312;

    --c-danger-o-075 : #d9577613;
    --c-danger-o-15  : #d9577626;
    --c-danger-o-25  : #d9577640;
    --c-danger-o-5   : #d9577680;

    --c-danger-100   : #fde9ee;
    --c-danger-300   : #ec8fa3;
    --c-danger-400   : #d95776;
    --c-danger       : #d95776;
    --c-danger-500   : #b93e5c;
    --c-danger-600   : #7a243a;

    --c-danger-light : var(--c-danger-100);

    --c-sup-low-l : var(--c-success-o-15);
    --c-sup-low-m : var(--c-success-o-5);
    --c-sup-low   : var(--c-success);
    --c-sup-low-d : var(--c-success-500);
    
    --c-low-l  : #f8df5a26;
    --c-low-m  : #f8df5a80;
    --c-low    : #f8df5a;
    --c-low-d  : #d4bc3e;

    --c-moderate-l : #0dbdba26;
    --c-moderate-m : #0dbdba80;
    --c-moderate   : #0dbdba;
    --c-moderate-d : #0a8f8c;

    --c-high-l : var(--c-warning-o-15);
    --c-high-m : var(--c-warning-o-5);
    --c-high   : var(--c-warning);
    --c-high-d : var(--c-warning-500);

    --c-sup-high-l : var(--c-danger-o-15);
    --c-sup-high-m : var(--c-danger-o-5);
    --c-sup-high   : var(--c-danger);
    --c-sup-high-d : var(--c-danger-500);

    --c-select-tree-item-bkg        : var(--c-primary-100);
    --c-select-tree-item-finished   : var(--c-success-o-15);
    
    /* ---------- TIPOGRAFIA ---------- */

    --ff-main : "Matter", Helvetica, Arial, sans-serif;
    --ff-bold : "Matter", Helvetica, Arial, sans-serif;
    --fs-400  : 0.95rem;

    /* ---------- OTROS ---------- */

    --header-height     : 66px;
    --header-open-width : 300px;
    --nav-width         : var(--header-open-width);

    --br-main  : .5rem;
    --br-small : .25rem;

    --border-main : 1.5px solid var(--c-border);
    --shadow : 0px 0px 20px 0px rgba(19, 34, 38, 0.1);
    --shadow-main : 0px 0px 20px 0px rgba(19, 34, 38, 0.025);
    --shadow-soft : 0px 0px 10px 0px rgba(19, 34, 38, 0.05);

    --button-size       : 1.85rem;
    --button-size-small : 1.5rem;

    --input-height : 38px;
}