: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   : #1c406d;
    --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        : #00e5ff;

    --c-accent-400    : #1CB2CF; /* Color de accent pero menos neon */
    --c-accent-900    : #000304;

    --c-border: #cad4d5;

    --c-success-100   : #f0f8f1;
    --c-success-o-15  : #0bb14526;
    --c-success-o-25  : #0bb14540;
    --c-success-o-5   : #0bb14580;
    --c-success       : #0bb045;
    --c-success-500   : #00822d;

    --c-success-light: #b0f5c8;

    --c-warning-o-075 : #fab04913;
    --c-warning-o-15  : #fab04926;
    --c-warning-o-25  : #fab04940;
    --c-warning-o-5   : #fab04980;
    --c-warning       : #fab049;
    --c-warning-500   : #d07b14;

    --c-danger-o-075 : #eb7f9513;
    --c-danger-o-15  : #eb7f9526;
    --c-danger-o-25  : #eb7f9540;
    --c-danger-o-5   : #eb7f9580;
    --c-danger       : #eb6c5c;
    --c-danger-500   : #e0513e;

    --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 : #aec31126;
    --c-low-m : #aec31180;
    --c-low   : #aec311;
    --c-low-d : #7f9002;

    --c-moderate-l : #ebcb6126;
    --c-moderate-m : #ebcb6180;
    --c-moderate   : #ebcb61;
    --c-moderate-d : #c49c1b;

    --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-200-t);
    --c-select-tree-item-finished   : var(--c-success-o-15);
    
    /* ---------- TIPOGRAFIA ---------- */

    --ff-main: "Helvetica Neue", Arial, sans-serif;
    --ff-title: "Helvetica Neue", Arial, sans-serif;
    --fs-400  : 0.9rem;

    /* ---------- 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;
}