/* ==========================================================
   LicitaAI.club
   variables.css
   Design System
   Versão: 1.0
========================================================== */

:root{

/*==========================================================
  CORES
==========================================================*/

/* Brand */

--color-primary:#0F4C81;
--color-primary-light:#2E86DE;
--color-primary-dark:#0A355A;

--color-secondary:#00C853;

--color-accent:#FFB300;

/* Neutras */

--color-white:#FFFFFF;

--color-gray-50:#F8FAFC;
--color-gray-100:#F1F5F9;
--color-gray-200:#E2E8F0;
--color-gray-300:#CBD5E1;
--color-gray-400:#94A3B8;
--color-gray-500:#64748B;
--color-gray-600:#475569;
--color-gray-700:#334155;
--color-gray-800:#1E293B;
--color-gray-900:#0F172A;

--color-black:#000000;

/* Status */

--color-success:#22C55E;
--color-warning:#F59E0B;
--color-danger:#EF4444;
--color-info:#0EA5E9;

/* Background */

--bg-body:var(--color-gray-50);

--bg-card:var(--color-white);

--bg-sidebar:var(--color-white);

--bg-navbar:var(--color-white);

/* Texto */

--text-primary:var(--color-gray-900);

--text-secondary:var(--color-gray-600);

--text-light:var(--color-white);

/* Bordas */

--border-color:var(--color-gray-200);



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

--font-family:
"Inter",
system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
sans-serif;

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

--font-weight-light:300;
--font-weight-normal:400;
--font-weight-medium:500;
--font-weight-semibold:600;
--font-weight-bold:700;



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

--space-0:0;

--space-1:.25rem;
--space-2:.50rem;
--space-3:.75rem;
--space-4:1rem;
--space-5:1.25rem;
--space-6:1.50rem;
--space-7:2rem;
--space-8:2.50rem;
--space-9:3rem;
--space-10:4rem;



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

--radius-xs:4px;
--radius-sm:8px;
--radius-md:12px;
--radius-lg:16px;
--radius-xl:20px;
--radius-2xl:28px;
--radius-pill:999px;



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

--shadow-xs:
0 1px 2px rgba(0,0,0,.04);

--shadow-sm:
0 4px 10px rgba(0,0,0,.06);

--shadow-md:
0 8px 24px rgba(0,0,0,.08);

--shadow-lg:
0 20px 40px rgba(0,0,0,.10);

--shadow-xl:
0 30px 60px rgba(0,0,0,.12);



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

--transition-fast:.15s ease;

--transition-normal:.25s ease;

--transition-slow:.40s ease;



/*==========================================================
  Z-INDEX
==========================================================*/

--z-dropdown:1000;

--z-sticky:1010;

--z-fixed:1020;

--z-modal-backdrop:1030;

--z-modal:1040;

--z-popover:1050;

--z-tooltip:1060;



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

--header-height:72px;

--sidebar-width:280px;

--container-width:1440px;

--container-padding:24px;



/*==========================================================
  BOTÕES
==========================================================*/

--button-height-sm:36px;

--button-height-md:44px;

--button-height-lg:52px;



/*==========================================================
  INPUTS
==========================================================*/

--input-height:48px;



/*==========================================================
  CARDS
==========================================================*/

--card-padding:24px;

--card-radius:16px;



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

--mobile:390px;

--tablet:768px;

--laptop:1024px;

--desktop:1280px;

--wide:1440px;

}