:root {
  /* Marca (rampa derivada de #3387E9 pelo paleta.py). So este arquivo escreve o hex. */
  --accent: #3387E9;
  --accent-hover: #1872DC;
  --accent-escura: #135AAD;
  --accent-suave: #E7EFF8;
  --accent-soft: rgba(51, 135, 233, 0.12);
  --accent-sombra: rgba(51, 135, 233, 0.15);
  --accent-texto: #1872DC;
  --texto-sobre-accent: #000000;

  /* Tema claro */
  --bg: #F6F7F9;
  --surface: #FFFFFF;
  --border: #E3E6EA;
  --text: #1B1F24;
  --text-dim: #5C6670;
  --text-fraco: #8A939C;
  --success: #1E8E4E;
  --success-suave: #E4F5EA;
  --danger: #C4311F;
  --danger-suave: #FCE9E6;
  --warning: #A66A00;
  --warning-suave: #FFF3D6;

  /* Tipografia */
  --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;

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

  /* Raios e sombras */
  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 16px;
  --radius-full: 999px;
  --shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.1);
  --shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.18);
  --overlay: rgba(16, 24, 40, 0.45);
  --transicao: 0.15s ease;

  /* Medidas */
  --sidebar-w: 248px;
  --topbar-h: 60px;
  --alvo-toque: 44px;
  --controle-h: 40px;

  /* Camadas (Elevacao_Zindex) */
  --z-base: 0;
  --z-sidebar: 100;
  --z-sticky: 200;
  --z-dropdown: 300;
  --z-overlay: 400;
  --z-modal: 500;
  --z-toast: 600;
  --z-tooltip: 700;
}