/* ===========================================================
   Base — variáveis de design, reset e tipografia
   =========================================================== */
:root {
  /* Neutros (base sóbria) */
  --bg: #F3F5F8;
  --surface: #FFFFFF;
  --surface-2: #FAFBFC;
  --surface-3: #F1F3F6;
  --border: #E6E9EF;
  --border-forte: #D6DBE3;
  --ink: #151A22;
  --ink-2: #515A69;
  --ink-3: #8B93A2;

  /* Acento único — laranja Azeha (marca) */
  --accent: #F27711;
  --accent-forte: #C45A08;   /* hover de preenchimento */
  --accent-texto: #B5540A;   /* laranja escuro p/ texto sobre claro */
  --accent-suave: #FDECDC;

  /* Sucesso / concluído (desacoplado do acento) */
  --sucesso: #15803D;
  --sucesso-bg: #E7F4EC;

  /* Marca — chrome escuro (sidebar), inspirado no site da Azeha */
  --marca-bg: #1A1715;
  --marca-bg-2: #262320;
  --marca-border: rgba(255, 255, 255, .08);
  --marca-ink: #F4F1ED;
  --marca-ink-2: #ADA69F;
  --marca-ink-3: #6E6862;

  /* Situações */
  --st-prioridade: #DC2626;
  --st-a-fazer: #94A3B8;
  --st-execucao: #2563EB;
  --st-revisao: #7C3AED;
  --st-entregue: #15803D;

  /* Urgência */
  --urg-atras: #DC2626;   --urg-atras-bg: #FCEDED;
  --urg-breve: #B45309;   --urg-breve-bg: #FBF0E1;
  --urg-prazo: #15803D;   --urg-prazo-bg: #E9F4EC;

  /* Sombras */
  --sombra-sm: 0 1px 2px rgba(20, 28, 44, .06);
  --sombra-card: 0 1px 2px rgba(20, 28, 44, .06), 0 1px 1px rgba(20, 28, 44, .03);
  --sombra-md: 0 6px 20px rgba(20, 28, 44, .08);
  --sombra-lg: 0 18px 48px rgba(20, 28, 44, .16);
  --sombra-flutua: 0 22px 50px rgba(20, 28, 44, .26);

  /* Raios e espaçamento — redesign: cantos mais arredondados (estilo fintech) */
  --r-sm: 10px;
  --r: 14px;
  --r-lg: 20px;
  --transicao: 150ms cubic-bezier(.4, 0, .2, 1);

  --fonte: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-titulo: "Spline Sans", "Inter", sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body { height: 100%; }

body {
  font-family: var(--fonte);
  color: var(--ink);
  background: var(--bg);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 { font-family: var(--fonte-titulo); font-weight: 600; letter-spacing: -.01em; color: var(--ink); }

button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: none; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
svg { display: block; }

::selection { background: var(--accent-suave); color: var(--accent-forte); }

/* Scrollbar discreta */
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { background: #CDD3DC; border-radius: 20px; border: 3px solid transparent; background-clip: content-box; }
*::-webkit-scrollbar-thumb:hover { background: #B6BDC9; background-clip: content-box; }
*::-webkit-scrollbar-track { background: transparent; }

:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }

.cap { text-transform: capitalize; }
.vazio { color: var(--ink-3); font-size: 13px; font-style: italic; }
.vazio-grande { color: var(--ink-3); text-align: center; padding: 64px 0; font-size: 15px; }