/*
  tokens.css — identidade visual herdada do Suprimentos-G-Atual.
  Ver ESTRUTURA-TECNICA-VIA.md seção 6 (fonte: referencia-visual/app.css e login.css).
  Nunca escrever cor/raio/sombra direto na tela — sempre via var(--token).
*/
:root {
  /* Layout */
  --sidebar-w: 240px;
  --topbar-h: 52px;

  /* Cores */
  --sidebar-bg: #1a1d2e;
  --sidebar-text: #8892b0;
  --sidebar-active: #00b894;
  --accent: #00b894;
  --accent-dark: #009e82;
  --bg: #f0f2f5;
  --card-bg: #ffffff;
  --text: #2d3436;
  --text-muted: #636e72;
  --border: #e8ecf0;
  --danger: #e17055;
  --warning: #fdcb6e;
  --info: #74b9ff;
  --success: #00b894;
  --purple: #a29bfe;

  /* Tipografia */
  --font: 'Inter', -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif;
  --fs-xs: 11px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 22px;

  /* Espaços */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 28px;

  /* Raio e sombra */
  --radius: 10px;
  --radius-sm: 7px;
  --shadow: 0 2px 12px rgba(0, 0, 0, .07);
}