:root{

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

    --c-primary-bkg   : #f8f9fc;
    --c-primary-000   : white;
    --c-primary-050   : #f1f3f8;
    --c-primary-100   : #e6e8f0;
    --c-primary-200   : #d2d4e0;
    --c-primary-200-t : #d2d4e081;
    --c-primary-200-tl: #d2d4e024;
    --c-primary-250   : #b6b8c9;
    --c-primary-275   : #9093a8;
    --c-primary-300   : #616476;
    --c-primary-400   : #232536;
    --c-primary-500   : #1d1f2c;
    --c-primary-600   : #2b2f33;
    --c-primary-700   : #181c20;

    --c-menu-hover: #23253624;

    --c-secondary-bkg : #f6f8fb;
    --c-secondary-050 : #e6eaee;
    --c-secondary-100 : #eeeeee;
    --c-secondary-200 : #c3c9cf;
    --c-secondary-300 : #9aa3ab;
    --c-secondary     : #2b2f33;
    --c-secondary-500 : #4f5457;
    --c-secondary-600 : #70767a;
    --c-secondary-700 : #4e5153;
    --c-secondary-800 : #37393a;
    
    --c-accent        : #df5845;

    --c-border: #cad4d5;

    --c-success-o-15  : #0a8f5326;
    --c-success-o-25  : #0a8f5340;
    --c-success-o-5   : #0a8f5380;
    --c-success-100   : #eef7f1;
    --c-success-300   : #7ebf9b;
    --c-success-400   : #0a8f53;
    --c-success       : #0a8f53;
    --c-success-500   : #067644;
    --c-success-600   : #044629;
    --c-success-light : #b0f5c8;

    --c-warning-o-075 : #d7922c13;
    --c-warning-o-15  : #d7922c26;
    --c-warning-o-25  : #d7922c40;
    --c-warning-o-5   : #d7922c80;
    --c-warning-100   : #fcf4e8;
    --c-warning-300   : #e0b270;
    --c-warning-400   : #d7922c;
    --c-warning       : #d7922c;
    --c-warning-500   : #b4771d;
    --c-warning-600   : #633d0b;

    --c-danger-o-075 : #df584513;
    --c-danger-o-15  : #df584526;
    --c-danger-o-25  : #df584540;
    --c-danger-o-5   : #df584580;
    --c-danger-100   : #fde9e7;
    --c-danger-300   : #f28b7f;
    --c-danger-400   : #df5845;
    --c-danger       : #df5845;
    --c-danger-500   : #c94332;
    --c-danger-600   : #8a1f14;

    --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       : #92a61b26;
    --c-low-m       : #92a61b80;
    --c-low         : #92a61b;
    --c-low-d       : #6b7912;

    --c-moderate-l  : #c7a33a26;
    --c-moderate-m  : #c7a33a80;
    --c-moderate    : #c7a33a;
    --c-moderate-d  : #907728;

    --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 : "DM Sans", Helvetica, Arial, sans-serif;
    --ff-bold : "DM Sans", 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;
}