:root {
  --brand: #00A860;
  --brand-hover: #008F52;
  --brand-soft: #1FBE7A;
  --brand-dark: #007A45;
  --brand-glow: #00A86033;
  --brand-on: #FFFFFF;
  --gold: #F8D800;
  --gold-hover: #E0C200;
  --gold-soft: #FFE54D;
  --gold-glow: #F8D80033;
  --gold-on: #1A1819;
  --bg: #0A1410;
  --bg-deeper: #050A07;
  --surface: #1A2018;
  --surface-2: #232A20;
  --surface-hover: #2A3326;
  --divider: #2F3A2C;
  --overlay: #00000099;
  --text: #FFFFFF;
  --text-muted: #94A3B0;
  --text-dim: #5A6464;
  --text-on-light: #1A1819;
  --cyan: #4195B4;
  --cyan-hover: #5BA8C4;
  --cyan-glow: #4195B433;
  --success: var(--brand);
  --warning: #F59E0B;
  --error: #EF4444;
  --error-glow: #EF444433;
  --status-recebido: #3B82F6;
  --status-conferencia: #F59E0B;
  --status-confirmado: var(--brand);
  --status-despachado: #8B5CF6;
  --status-concluido: #6B7280;
  --status-erro: #EF4444;
  --status-cancelado: #1F2937;
  --radius-sm: 0.375rem;
  --radius: 0.625rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-pill: 9999px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.2);
  --shadow: 0 4px 6px -1px rgba(0,0,0,0.3), 0 2px 4px -1px rgba(0,0,0,0.2);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.4);
  --shadow-glow: 0 0 20px var(--brand-glow);
}

html, body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--surface-2); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--surface-hover); }
::selection { background: var(--brand-glow); color: var(--brand-soft); }
*:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }