/* ─────────────────────────────────────────────
   PeçaRadar — Variáveis CSS (Design Tokens)
───────────────────────────────────────────── */

:root {
  /* ── Cores de destaque (Performance Blue) ── */
  --accent:    #0061FF;
  --accent-h:  #004FCF;   /* hover do accent */

  /* ── Superfícies (fundo claro — área de conteúdo) ── */
  --bg:        #F8F9FB;
  --text:      #111111;
  --surface:   #F0F2F5;
  --surface2:  #E2E6EC;

  /* ── Superfícies escuras (topbar) ── */
  --bg-dark:    #0A0B10;
  --text-light: #F0F4F8;

  /* ── Scrollbar no topbar (escuro) ── */
  --scrollbar-dark: rgba(0, 97, 255, 0.2);

  /* ── Bordas ── */
  --border:   rgba(0, 0, 0, 0.08);
  --border-h: rgba(0, 97, 255, 0.2);  /* border no estado hover */

  /* ── Texto secundário ── */
  --muted: #64748B;

  /* ── Tag / badge de destaque ── */
  --tag-bg: rgba(0, 97, 255, 0.1);

  /* ── Notificação / toast ── */
  --pink: #3B82F6;

  /* ── Status: quente ── */
  --hot:      #EF4444;
  --hot-bg:   rgba(239, 68, 68, 0.10);
  --hot-text: #F87171;

  /* ── Status: ok / disponível ── */
  --ok-bg:   rgba(29, 158, 117, 0.15);
  --ok-text: #5DCAA5;

  /* ── Status: aviso ── */
  --warn-bg:   rgba(186, 117, 23, 0.15);
  --warn-text: #FAC775;

  /* ── Status: erro ── */
  --error-bg:   rgba(226, 75, 74, 0.12);
  --error-text: #F09595;

  /* ── Layout ── */
  --sidebar-w: 240px;   /* largura da sidebar — usada em pages.css e sidebar.css */

  /* ── Border radius ── */
  --r-sm:  6px;
  --r-md:  8px;
  --r-lg:  10px;
  --r-xl:  12px;
  --r-2xl: 16px;

  /* ── Transição padrão ── */
  --t: all 0.15s ease;
}