/* RC Peças — sistema de cor
   Base escura industrial (grafite/antracite) + paleta oficial do manual:
   #004AAD (azul marca) · #5BE2FC (ciano) · #FFFFFF. */
:root {
  /* Base — grafite/antracite */
  --gray-950: #121417;
  --gray-900: #17191d;
  --gray-850: #1d2025;
  --gray-800: #23262c;
  --gray-700: #2e323a;
  --gray-600: #3d434c;
  --gray-500: #565e69;
  --gray-400: #7a828d;
  --gray-300: #a3aab4;
  --gray-200: #ccd1d8;
  --gray-100: #e8eaee;
  --gray-50:  #f4f5f7;

  /* Acento — paleta oficial do manual RCPeças */
  --blue-700: #00377f;
  --blue-600: #003f94;
  --blue-500: #004aad;   /* azul marca (#004AAD) */
  --blue-400: #1f66cd;
  --blue-300: #6f9fe4;
  --blue-100: #dbe7f9;
  --cyan-400: #2fd4f4;
  --cyan-300: #5be2fc;   /* ciano marca (#5BE2FC) */

  /* Semânticas de estado */
  --green-500: #3fa554;
  --red-500:   #d64545;
  --amber-500: #e0a52e;

  /* Aliases semânticos — superfícies */
  --bg-page:        var(--gray-900);
  --bg-page-deep:   var(--gray-950);
  --surface-card:   var(--gray-850);
  --surface-raised: var(--gray-800);
  --surface-input:  var(--gray-950);
  --surface-hover:  var(--gray-800);

  /* Aliases semânticos — texto */
  --text-strong:  #f4f5f7;
  --text-body:    #ccd1d8;
  --text-muted:   #8a919c;
  --text-faint:   #565e69;
  --text-on-accent: #ffffff;
  --text-accent:  var(--cyan-300);

  /* Aliases semânticos — bordas */
  --border-subtle: #2b2f36;
  --border-strong: #3d434c;
  --border-focus:  var(--cyan-400);

  /* Aliases semânticos — ações */
  --accent:         var(--blue-500);
  --accent-hover:   var(--blue-400);
  --accent-pressed: var(--blue-600);
  --accent-bright:  var(--cyan-300);  /* destaques sobre azul/escuro */

  /* Estados de peça */
  --state-available:   var(--green-500);
  --state-on-request:  var(--gray-400);  /* "Sob consulta" */
  --state-reserved:    var(--amber-500);
  --state-sold:        var(--red-500);
}