:root {

    --color-primary: #D4AF37;

    --color-primary-dark: #B8860B;

    --color-primary-light: #E5C96B;

    --color-secondary: #C89B3C;

    /* NOVAS */

    --color-sidebar: #141414;

    --color-topbar: #181818;

    --color-card: #1C1C1C;

    /* Estados */

    --color-success: #28A745;

    --color-danger: #DC3545;

    --color-warning: #FFC107;

    --color-info: #17A2B8;

    --color-white: #FFFFFF;

    --color-black: #000000;

    --color-background: #0D0D0D;

    --color-surface: #1A1A1A;

    --color-border: #2E2E2E;

    --color-text: #222;

    --color-text-light: #C7C7C7;

}

/* ===================================== */
/* TIPOGRAFIA */
/* ===================================== */

:root {

    --font-family: "Poppins", sans-serif;

    --font-size-xs: .75rem;

    --font-size-sm: .875rem;

    --font-size-md: 1rem;

    --font-size-lg: 1.125rem;

    --font-size-xl: 1.5rem;

    --font-size-2xl: 2rem;

    --font-weight-light: 300;

    --font-weight-regular: 400;

    --font-weight-medium: 500;

    --font-weight-semibold: 600;

    --font-weight-bold: 700;

}

/* ===================================== */
/* ESPAÇAMENTOS */
/* ===================================== */

:root {

    --space-1: .25rem;

    --space-2: .5rem;

    --space-3: .75rem;

    --space-4: 1rem;

    --space-5: 1.25rem;

    --space-6: 1.5rem;

    --space-8: 2rem;

    --space-10: 2.5rem;

    --space-12: 3rem;

}

/* ===================================== */
/* BORDAS */
/* ===================================== */

:root {

    --radius-sm: 6px;

    --radius-md: 10px;

    --radius-lg: 16px;

    --radius-xl: 24px;

    --radius-pill: 999px;

}

/* ===================================== */
/* SOMBRAS */
/* ===================================== */

:root {

    --shadow-sm:

        0 2px 6px rgba(0,0,0,.08);

    --shadow-md:

        0 8px 20px rgba(0,0,0,.10);

    --shadow-lg:

        0 12px 35px rgba(0,0,0,.15);

}

/* ===================================== */
/* TRANSIÇÕES */
/* ===================================== */

:root {

    --transition-fast: .2s ease;

    --transition-normal: .3s ease;

    --transition-slow: .5s ease;

}

/* ===================================== */
/* LAYOUT */
/* ===================================== */

:root {

    --sidebar-width: 260px;

    --topbar-height: 80px;

    --container-width: 1200px;


}

/* ===================================== */
/* BREAKPOINTS */
/* ===================================== */

:root {

    --mobile: 576px;

    --tablet: 768px;

    --desktop: 992px;

    --desktop-lg: 1200px;


}