:root {
  /* Cor primaria (marca), rampa via paleta.py 2026-09-20 */
  --cor-primaria: #062F28;
  --cor-primaria-hover: #0C3F35;
  --cor-primaria-escura: #010B09;
  --cor-primaria-suave: #E7F8F5;
  --cor-primaria-soft: rgba(6, 47, 40, 0.12);
  --cor-primaria-sombra: rgba(6, 47, 40, 0.15);
  --cor-primaria-texto: #062F28;
  --texto-sobre-cor-primaria: #FFFFFF;

  /* Cor secundaria (lima), fundo e contorno; letra so em -texto */
  --cor-secundaria: #9FE870;
  --cor-secundaria-hover: #87E24D;
  --cor-secundaria-escura: #6AD923;
  --cor-secundaria-suave: #EEF8E7;
  --cor-secundaria-texto: #3F8115;

  /* Neutros - tema light */
  --branco: #FFFFFF;
  --fundo: #F7F8F9;
  --borda: #E4E7EB;
  --texto: #1A2027;
  --texto-secundario: #4B5563;
  --texto-fraco: #8A93A1;

  /* Semanticas */
  --sucesso: #16a34a;
  --erro: #e74c3c;
  --danger: #e74c3c;
  --alerta: #f1c40f;
  --vermelho-suave: rgba(231, 76, 60, 0.1);
  --ambar-suave: rgba(241, 196, 15, 0.15);
  --azul-suave: rgba(59, 130, 246, 0.12);

  /* Tipografia - duas familias */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;

  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 15px;
  --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 26px;

  /* Espacamento */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  /* Raio */
  --raio: 12px; --raio-sm: 6px; --raio-lg: 16px; --raio-full: 999px;
  --sombra: 0 8px 24px rgba(0, 0, 0, 0.08);
  --sombra-md: 0 12px 32px rgba(0, 0, 0, 0.12);
  --sombra-lg: 0 24px 64px rgba(0, 0, 0, 0.18);

  /* Layout */
  --sidebar-width: 248px;
  --topbar-h: 58px;

  /* Elevacao (escala fixa, nunca numero solto) */
  --z-base: 0;
  --z-sidebar-scrim: 90; /* extra: scrim do drawer mobile, sempre logo abaixo do sidebar */
  --z-sidebar: 100;
  --z-sticky: 200;
  --z-dropdown: 300;
  --z-overlay: 400;
  --z-modal: 500;
  --z-toast: 600;
  --z-tooltip: 700;
}