:root {
    /* ----------------------------------------------------------
       PRIMARY COLOR SCALE
    ---------------------------------------------------------- */
    --color-primary-0: #FEFEFF;
    --color-primary-20: #F8F8FF;
    --color-primary-50: #F2F2FF;
    --color-primary-100: #DBDBFF;
    --color-primary-300: #8E8EFA;
    --color-primary-400: #6A6AED;
    --color-primary-600: #1C1C9C;
    --color-primary-700: #000080;
    --color-primary-800: #000066;
    --color-primary-900: #00004C;

    /* ----------------------------------------------------------
       SECONDARY COLOR SCALE
    ---------------------------------------------------------- */
    --color-secondary-0: #FAFAFF;
    --color-secondary-20: #F7F7FF;
    --color-secondary-100: #F3F3FF;
    --color-secondary-200: #E4E4FF;
    --color-secondary-300: #CBCBFF;
    --color-secondary-400: #AFAFFF;
    --color-secondary-500: #8E8EFA;
    --color-secondary-600: #7676EF;
    --color-secondary-800: #3E3E9E;
    --color-secondary-900: #2A2A66;

    /* ----------------------------------------------------------
       NEUTRAL SCALE
    ---------------------------------------------------------- */
    --color-neutral-50: #F5F7FB;
    --color-neutral-100: #F3F5F7;
    --color-neutral-200: #C3D4E9;
    --color-neutral-250: #C3D4E9;
    --color-neutral-300: #90A3BF;
    --color-neutral-400: #596780;
    --color-neutral-500: #1A202C;
    --color-neutral-600: #131825;
    --color-neutral-700: #0D121F;
    --color-neutral-900: #040815;

    /* ----------------------------------------------------------
       MISC COLORS
    ---------------------------------------------------------- */
    --color-misc-phaie: #111827;
    --color-misc-phaie-200: #F1F4FF;
    --color-misc-phaie-300: #1A1A1A;

    /* ----------------------------------------------------------
       LAYOUT
    ---------------------------------------------------------- */
    --sidebar-width: 260px;
    --sidebar-menu-min-width: 80px;
    --main-menu-horizontal-padding: 24px;
    --main-container-padding: 16px;

    --landing-header-height: 100px;
    --error-color: #ee5f5b;

    --color-emerald-100: #D1FAE5;
    --color-emerald-800: #065F46;

    --color-slate-600: #475569;
    --color-slate-800: #1E293B;
}