:root {
  /* Cores (contraste reforcado para leitura confortavel) */
  --bg: #0d0f12;
  --bg-elev: #14171c;
  --surface: #1a1e24;
  --border: #2f3640;
  --text: #f2f4f7;
  --text-dim: #b6bdc7;
  --accent: #ff8a3d;
  --accent-hover: #ffa161;
  --accent-soft: rgba(255, 138, 61, 0.16);

  /* Estados (com versao clara para texto legivel sobre fundo escuro) */
  --danger: #ff6b5e;
  --danger-soft: rgba(255, 107, 94, 0.18);
  --warning: #ffcf4a;
  --warning-soft: rgba(255, 207, 74, 0.18);
  --success: #4fd67f;
  --success-soft: rgba(79, 214, 127, 0.18);
  --ok: #7fb2ff;
  --ok-soft: rgba(127, 178, 255, 0.18);
  --neutral: #b6bdc7;
  --neutral-soft: rgba(182, 189, 199, 0.16);

  /* Tipografia */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 13px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 30px;

  /* 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;
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.35);

  /* Layout */
  --sidebar-w: 260px;

  /* Foco (acessibilidade): anel bem visivel */
  --foco: 3px solid #ffd23f;
}