/*
==================================================
RotaBras Framework CSS
Arquivo: variables.css
Versão: 1.0
Descrição: Design Tokens globais
==================================================
*/

:root{

/*==================================================
= CORES PRINCIPAIS
==================================================*/
--color-primary:#1ED760;
--color-primary-light:#41e57a;
--color-primary-dark:#18b84c;

--color-secondary:#00B8D9;
--color-accent:#FFC857;

/*==================================================
= STATUS
==================================================*/
--color-success:#22C55E;
--color-warning:#F59E0B;
--color-danger:#EF4444;
--color-info:#3B82F6;

/*==================================================
= BACKGROUNDS
==================================================*/
--bg-body:#041322;
--bg-section:#071A2F;
--bg-surface:#0B223D;
--bg-card:rgba(255,255,255,.05);
--bg-overlay:rgba(0,0,0,.60);

/*==================================================
= TEXTO
==================================================*/
--text-primary:#FFFFFF;
--text-secondary:#D7E3F1;
--text-muted:#9DB3C8;
--text-inverse:#041322;

/*==================================================
= TIPOGRAFIA
==================================================*/
--font-primary:"Poppins",sans-serif;
--font-heading:"Poppins",sans-serif;

--font-xs:.75rem;
--font-sm:.875rem;
--font-md:1rem;
--font-lg:1.125rem;
--font-xl:1.25rem;
--font-2xl:1.5rem;
--font-3xl:2rem;
--font-4xl:2.75rem;
--font-hero:4rem;

--fw-light:300;
--fw-regular:400;
--fw-medium:500;
--fw-semibold:600;
--fw-bold:700;

--line-tight:1.2;
--line-normal:1.5;
--line-loose:1.8;

/*==================================================
= ESPAÇAMENTOS
==================================================*/
--space-0:0;
--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;
--space-16:4rem;
--space-20:5rem;
--space-24:6rem;

/*==================================================
= BORDAS
==================================================*/
--radius-xs:4px;
--radius-sm:8px;
--radius-md:12px;
--radius-lg:20px;
--radius-xl:32px;
--radius-full:9999px;

/*==================================================
= SOMBRAS
==================================================*/
--shadow-sm:0 4px 12px rgba(0,0,0,.12);
--shadow-md:0 10px 30px rgba(0,0,0,.20);
--shadow-lg:0 20px 50px rgba(0,0,0,.30);

/*==================================================
= TRANSIÇÕES
==================================================*/
--transition-fast:.15s ease;
--transition:.30s ease;
--transition-slow:.50s ease;

/*==================================================
= CONTAINERS
==================================================*/
--container-sm:640px;
--container-md:768px;
--container-lg:1024px;
--container-xl:1200px;
--container-xxl:1320px;

/*==================================================
= BREAKPOINTS (referência)
==================================================*/
--bp-mobile:480;
--bp-tablet:768;
--bp-laptop:1024;
--bp-desktop:1200;
--bp-wide:1440;

/*==================================================
= Z-INDEX
==================================================*/
--z-base:1;
--z-header:100;
--z-dropdown:500;
--z-sticky:700;
--z-overlay:900;
--z-modal:1000;
--z-tooltip:1100;

/*==================================================
= GRADIENTES
==================================================*/
--gradient-primary:linear-gradient(135deg,#1ED760,#00B8D9);
--gradient-dark:linear-gradient(180deg,#041322,#071A2F);
}
/* Token reservado 28 */
/* Token reservado 29 */
/* Token reservado 30 */
/* Token reservado 31 */
/* Token reservado 32 */
/* Token reservado 33 */
/* Token reservado 34 */
/* Token reservado 35 */
/* Token reservado 36 */
/* Token reservado 37 */
/* Token reservado 38 */
/* Token reservado 39 */
/* Token reservado 40 */
/* Token reservado 41 */
/* Token reservado 42 */
/* Token reservado 43 */
/* Token reservado 44 */
/* Token reservado 45 */
/* Token reservado 46 */
/* Token reservado 47 */
/* Token reservado 48 */
/* Token reservado 49 */
/* Token reservado 50 */
/* Token reservado 51 */
/* Token reservado 52 */
/* Token reservado 53 */
/* Token reservado 54 */
/* Token reservado 55 */
/* Token reservado 56 */
/* Token reservado 57 */
/* Token reservado 58 */
/* Token reservado 59 */