/* ==========================================================================
   Tokens OfficeGest — variante escura
   Retirados de og-theme.css (:root .dark), o ficheiro de tema do produto.
   O painel vive numa TV de oficina, por isso usa a variante escura do tema
   e não uma paleta própria.
   ========================================================================== */

:root {
  /* Escalas de cor -------------------------------------------------------- */
  --grey-50:  hsl(0, 0%, 100%);
  --grey-75:  hsl(0, 0%, 96%);
  --grey-100: hsl(0, 0%, 76%);
  --grey-200: hsl(0, 0%, 56%);
  --grey-300: hsl(0, 0%, 36%);
  --grey-400: hsl(0, 0%, 19%);
  --grey-500: hsl(0, 0%, 16%);
  --grey-600: hsl(0, 0%, 14%);
  --grey-700: hsl(0, 0%, 12%);
  --grey-800: hsl(0, 0%, 9%);
  --grey-900: hsl(0, 0%, 7%);

  --blue-100: hsl(200, 100%, 81%);
  --blue-200: hsl(200, 100%, 68%);
  --blue-300: hsl(200, 100%, 55%);
  --blue-400: hsl(200, 100%, 42%);
  --blue-700: hsl(200, 100%, 19%);
  --blue-800: hsl(200, 100%, 14%);
  --blue-900: hsl(200, 100%, 9%);

  --green-100: hsl(139, 47%, 78%);
  --green-200: hsl(139, 48%, 61%);
  --green-300: hsl(139, 47%, 44%);

  --red-200: hsl(1, 83%, 71%);
  --red-300: hsl(1, 79%, 61%);
  --red-400: hsl(1, 75%, 51%);

  --orange-100: hsl(43, 96%, 78%);
  --orange-300: hsl(40, 96%, 56%);

  --purple-100: hsl(265, 63%, 82%);
  --purple-300: hsl(264, 64%, 66%);

  --pink-100: hsl(321, 100%, 84%);
  --pink-300: hsl(322, 99%, 64%);

  --brown-100: hsl(33, 44%, 69%);
  --brown-300: hsl(32, 44%, 53%);

  /* Papéis ---------------------------------------------------------------- */
  --body-background-top: var(--grey-700);     /* superfícies (cartões) */
  --body-background-middle: var(--grey-800);  /* poços dentro dos cartões */
  --body-background-bottom: var(--grey-900);  /* fundo da página */
  --body-text-color: var(--grey-75);
  --muted-text-color: var(--grey-200);
  --border-color: var(--grey-400);
  --border-hover-color: var(--grey-300);
  --navbar-background: var(--blue-800);

  --primary-background: var(--blue-300);
  --primary-strong: var(--blue-400);
  --success-color: var(--green-200);
  --danger-color: var(--red-300);
  --warning-color: var(--orange-300);

  /* Aliases de leitura usados pelo painel --------------------------------- */
  --fundo: var(--body-background-bottom);
  --superficie: var(--body-background-top);
  --poco: var(--body-background-middle);
  --linha: var(--border-color);
  --linha-suave: hsl(0, 0%, 15%);
  --texto: var(--body-text-color);
  --texto-2: hsl(0, 0%, 82%);
  --texto-3: hsl(0, 0%, 66%);   /* legendas — acima de 4.5:1 sobre --superficie */
  --acento: var(--primary-background);
  --acento-contraste: hsl(200, 100%, 9%);

  /* Tons dos estados de viatura ------------------------------------------- */
  --tom-neutro: var(--grey-100);
  --tom-ativo: var(--blue-300);
  --tom-bloqueado: var(--orange-300);
  --tom-concluido: var(--green-200);

  /* Tipografia ------------------------------------------------------------ */
  --fonte: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Source Sans Pro", Roboto, sans-serif;
  --fonte-numerica: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Raios e sombras (sistema OfficeGest) ---------------------------------- */
  --raio-input: 0.25rem;
  --raio: 0.5rem;
  --raio-pill: 999px;
  --sombra-cartao: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
}