/* Design System: Industrial Integrity (PT-BR) */
/* EquipaObras - Tokens de Design */

:root {
  color-scheme: light;
  --color-bg: #F6F6F4;
  --color-surface: #FFFFFF;
  --color-border: #DEDEDA;
  --color-text: #18181B;
  --color-muted: #52525B;
  --color-primary: #A8500A;
  --color-primary-suave: #FFDCC3;
  --color-primary-escura: #833D07;
  --color-on-primary: #FFFFFF;
  --color-accent: #1D4ED8;

  /* Mapeamento de variáveis do Design System */
  --primary: var(--color-primary);
  --primary-container: var(--color-primary-escura);
  --on-primary: var(--color-on-primary);
  --on-primary-container: var(--color-primary-suave);

  --secondary: #A8500A;
  --secondary-container: #FBBF24;
  --on-secondary-container: #1C1403;

  --surface: var(--color-bg);
  --surface-container-lowest: var(--color-surface);
  --surface-container-low: #F0F0EE;
  --surface-container: #E7E7E3;
  --surface-container-high: #DEDEDA;
  --surface-container-highest: #D5D5CF;

  --on-surface: var(--color-text);
  --on-surface-variant: var(--color-muted);
  --outline: var(--color-border);
  --outline-variant: var(--color-border);

  /* Sidebar Tokens (Light Mode: Grafite Profundo) */
  --sidebar-bg: #18181B;
  --sidebar-border: #27272A;
  --sidebar-text: #F4F4F5;
  --sidebar-muted: #A1A1AA;
  --sidebar-hover: #27272A;
  --sidebar-active-bg: var(--color-primary);
  --sidebar-active-text: var(--color-on-primary);

  /* Status Colors */
  --status-disponivel-bg: #ecfdf5;
  --status-disponivel-text: #065f46;
  --status-disponivel-border: #a7f3d0;

  --status-em-uso-bg: #eff6ff;
  --status-em-uso-text: #1e40af;
  --status-em-uso-border: #bfdbfe;

  --status-manutencao-bg: #fff1f2;
  --status-manutencao-text: #9f1239;
  --status-manutencao-border: #fecdd3;

  --status-transferencia-bg: #fefce8;
  --status-transferencia-text: #854d0e;
  --status-transferencia-border: #fef08a;

  --status-inativo-bg: #f1f5f9;
  --status-inativo-text: #475569;
  --status-inativo-border: #cbd5e1;

  --error: #ba1a1a;
  --error-container: #ffdad6;
  --on-error-container: #93000a;

  --success: #2e7d32;
  --success-container: #dcfce7;
  --on-success-container: #166534;

  --warning: #A8500A;
  --warning-container: #ffedd5;
  --on-warning-container: #7c2d12;

  --info: #1D4ED8;
  --info-container: #dbeafe;
  --on-info-container: #1e40af;

  /* Sombras & Bordas */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.05);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-modal: 0 20px 25px -5px rgb(0 0 0 / 0.15), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-full: 9999px;

  /* Tipografia */
  --font-headings: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family: var(--font-body);
  /* Códigos, números e valores também usam DM Sans para manter unidade visual. */
  --font-mono: var(--font-body);

  /* Espaçamentos Padrão */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
}

/* Tema escuro manual. A preferência do sistema é tratada em style.css. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #111113;
  --color-surface: #1B1B1F;
  --color-border: #323238;
  --color-text: #F4F4F5;
  --color-muted: #A1A1AA;
  --color-primary: #FBBF24;
  --color-primary-suave: rgba(251, 191, 36, 0.15);
  --color-primary-escura: #D97706;
  --color-on-primary: #1C1403;
  --color-accent: #7AA7FF;

  --primary: var(--color-primary);
  --primary-container: #2A2415;
  --on-primary: var(--color-on-primary);
  --on-primary-container: #FDE68A;

  --secondary: #FBBF24;
  --secondary-container: #FBBF24;
  --on-secondary-container: #1C1403;

  --surface: var(--color-bg);
  --surface-container-lowest: var(--color-surface);
  --surface-container-low: #16161A;
  --surface-container: #232328;
  --surface-container-high: #2A2A30;
  --surface-container-highest: #323238;

  --on-surface: var(--color-text);
  --on-surface-variant: var(--color-muted);
  --outline: var(--color-border);
  --outline-variant: var(--color-border);

  --sidebar-bg: #141416;
  --sidebar-border: #2B2B30;
  --sidebar-text: #F4F4F5;
  --sidebar-muted: #A1A1AA;
  --sidebar-hover: #232328;
  --sidebar-active-bg: var(--color-primary);
  --sidebar-active-text: var(--color-on-primary);

  --status-disponivel-bg: rgba(16, 185, 129, 0.14);
  --status-disponivel-text: #34d399;
  --status-disponivel-border: rgba(16, 185, 129, 0.32);

  --status-em-uso-bg: rgba(59, 130, 246, 0.14);
  --status-em-uso-text: #93c5fd;
  --status-em-uso-border: rgba(59, 130, 246, 0.32);

  --status-manutencao-bg: rgba(244, 63, 94, 0.14);
  --status-manutencao-text: #fb7185;
  --status-manutencao-border: rgba(244, 63, 94, 0.32);

  --status-transferencia-bg: rgba(245, 158, 11, 0.14);
  --status-transferencia-text: #fcd34d;
  --status-transferencia-border: rgba(245, 158, 11, 0.32);

  --status-inativo-bg: rgba(148, 163, 184, 0.14);
  --status-inativo-text: #cbd5e1;
  --status-inativo-border: rgba(148, 163, 184, 0.32);
}