/* UI 2.1: painel operacional claro, com cards brancos e acentos coloridos
   por indicador — pedido do cliente depois do piloto em tema escuro.
   --primary é o azul-marinho da própria logo JC Carnes (#2f318c), não uma
   cor emprestada de referência visual nenhuma. */
:root {
  --primary: 239 50% 37%;
  --primary-strong: 239 55% 28%;
  --primary-fg: 0 0% 100%;
  --accent: 38 92% 55%;
  --danger: 356 79% 51%;
  --warning: 38 92% 55%;
  --success: 151 62% 40%;
  --info: 210 72% 52%;
  --purple: 262 60% 54%;
  --neutral: 220 9% 46%;
  --neutral-strong: 220 14% 22%;

  --bg: 216 26% 96%;
  --shell: 0 0% 100%;
  --surface: 0 0% 100%;
  --surface-alt: 214 28% 95%;
  --surface-raised: 216 30% 98%;
  --border: 214 20% 90%;
  --border-strong: 214 16% 76%;
  --text: 220 24% 13%;
  --text-muted: 216 11% 43%;
  --text-subtle: 216 10% 58%;

  --radius: 12px;
  --radius-sm: 8px;
  --shadow-1: 0 1px 2px hsl(220 28% 16% / .05), 0 10px 24px hsl(220 28% 16% / .06);
  --shadow-2: 0 2px 4px hsl(220 28% 16% / .07), 0 20px 44px hsl(220 28% 16% / .12);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;

  --font-display: "Sora", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "Roboto Mono", "IBM Plex Mono", ui-monospace, monospace;
}

/* Tema escuro original, mantido nos tokens para uma eventual troca de tema
   pela interface — hoje nada aplica data-theme="dark", então isso fica
   inerte, sem afetar a aparência padrão (clara). */
:root[data-theme="dark"] {
  --primary: 164 68% 48%;
  --primary-strong: 164 76% 38%;
  --primary-fg: 180 20% 6%;
  --success: 151 62% 43%;
  --info: 210 72% 58%;
  --purple: 262 65% 62%;
  --neutral: 220 8% 52%;
  --neutral-strong: 220 12% 28%;

  --bg: 222 28% 7%;
  --shell: 220 22% 10%;
  --surface: 220 20% 12%;
  --surface-alt: 220 18% 15%;
  --surface-raised: 220 18% 17%;
  --border: 218 16% 25%;
  --border-strong: 216 18% 34%;
  --text: 214 26% 93%;
  --text-muted: 216 12% 66%;
  --text-subtle: 218 10% 48%;

  --shadow-1: 0 1px 0 hsl(0 0% 100% / .03), 0 14px 28px hsl(220 40% 2% / .20);
  --shadow-2: 0 1px 0 hsl(0 0% 100% / .04), 0 22px 50px hsl(220 42% 2% / .36);
}