/* ==========================================================================
VARIABLES.CSS
========================================================================== */

:root {

/* CORES */

--color-primary: #2D8CFF;
--color-primary-dark: #1E6FD1;

--color-secondary: #EAF5FF;

--color-accent: #FFB84D;

--color-success: #25D366;

--color-text: #1F2937;

--color-text-light: #6B7280;

--color-white: #FFFFFF;

--color-background: #F8FAFC;

--color-border: #E5E7EB;

/* ESPAÇAMENTOS */

--space-xs: .5rem;
--space-sm: 1rem;
--space-md: 1.5rem;
--space-lg: 2rem;
--space-xl: 3rem;
--space-xxl: 5rem;

/* BORDAS */

--radius-sm: .5rem;
--radius-md: 1rem;
--radius-lg: 1.5rem;
--radius-xl: 2rem;

/* SOMBRAS */

--shadow-sm:
0 2px 8px rgba(0, 0, 0, .05);

--shadow-md:
0 10px 30px rgba(0, 0, 0, .08);

--shadow-lg:
0 20px 50px rgba(0, 0, 0, .12);

/* CONTAINER */

--container-width: 1200px;

/* TRANSIÇÃO */

--transition:
300ms ease;
}