/*
 * Vistoria.Sim — tokens de cor oficiais (paleta verde-floresta, lima e carvão, README seção 8).
 *
 * Arquivo canônico: app/resources/css/tokens.css
 * Cópias idênticas: backoffice/resources/css/tokens.css
 *                   site/public/assets/css/tokens.css
 * Verificação:      php artisan vistoriasim:check-tokens
 *
 * Não espalhe códigos HEX em componentes: use estas variáveis.
 */
:root {
  --color-lime: #C6F87B;
  --color-lime-hover: #B3EC5F;
  --color-lime-soft: #ECFCCB;
  /* Verde-floresta: cor de marca escura (menu, cards de destaque, links). */
  --color-forest: #185C50;
  --color-forest-dark: #0F433A;
  --color-forest-light: #2B7566;
  --color-forest-soft: #E3F1EC;
  --color-charcoal: #18181B;
  --color-charcoal-secondary: #27272A;
  --color-gray-dark: #3F3F46;
  --color-gray-medium: #71717A;
  --color-gray-light: #E4E4E7;
  --color-white-soft: #FAFAFA;
  --color-white: #FFFFFF;

  --color-success: #15803D;
  --color-success-soft: #DCFCE7;
  --color-warning: #A16207;
  --color-warning-soft: #FEF9C3;
  --color-error: #DC2626;
  --color-error-soft: #FEE2E2;
  --color-info: #1D4ED8;
  --color-info-soft: #DBEAFE;

  --action-primary-bg: var(--color-lime);
  --action-primary-hover: var(--color-lime-hover);
  --action-primary-text: var(--color-forest-dark);
  --page-bg: var(--color-white-soft);
  --surface-bg: var(--color-white);
  --text-primary: var(--color-charcoal);
  --text-secondary: var(--color-gray-medium);
  --border-subtle: var(--color-gray-light);
  --border-control: var(--color-gray-medium);
  --selection-bg: var(--color-lime-soft);
  --selection-text: var(--color-charcoal);
  --nav-bg: var(--color-forest);
  --nav-text: var(--color-white-soft);
  --focus-color: var(--color-charcoal);
}

/* Aplicar apenas se o tema escuro for implementado e validado. */
[data-theme="dark"] {
  --page-bg: var(--color-charcoal);
  --surface-bg: var(--color-charcoal-secondary);
  --text-primary: var(--color-white-soft);
  --text-secondary: var(--color-gray-light);
  --border-subtle: var(--color-gray-dark);
  --border-control: var(--color-gray-medium);
  --focus-color: var(--color-lime);
}