/* ==========================================================================
   TOKENS DE DESIGN
   Fonte única de verdade para espaçamento, tipografia, raios, sombras e
   tempos de animação. Cores ficam em themes.css, pois variam por tema.
   ========================================================================== */

:root {
  /* --- Tipografia ---------------------------------------------------- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono",
    Menlo, Consolas, monospace;

  --text-2xs: 0.6875rem;  /* 11px - rótulos de eixo, legendas densas */
  --text-xs:  0.75rem;    /* 12px - metadados, badges */
  --text-sm:  0.8125rem;  /* 13px - texto de apoio, tabelas */
  --text-base:0.875rem;   /* 14px - corpo padrão da interface */
  --text-md:  1rem;       /* 16px - títulos de cartão */
  --text-lg:  1.25rem;    /* 20px - título da página */
  --text-xl:  1.75rem;    /* 28px - valor de KPI */
  --text-2xl: 2.25rem;    /* 36px - destaque principal */

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --leading-tight: 1.15;
  --leading-normal: 1.5;
  --tracking-tight: -0.02em;
  --tracking-wide: 0.06em;

  /* --- Espaçamento (escala de 4px) ----------------------------------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  /* --- Raios ---------------------------------------------------------- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* --- Estrutura ------------------------------------------------------ */
  --topbar-height: 68px;
  --content-max-width: 1800px;

  /* --- Movimento ------------------------------------------------------ */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 120ms;
  --duration-normal: 220ms;
  --duration-slow: 420ms;

  /* --- Camadas -------------------------------------------------------- */
  --z-base: 1;
  --z-sticky: 100;
  --z-dropdown: 200;
  --z-modal: 300;
  --z-toast: 400;
}