/*
* brand.css
* Brand identity design tokens (color system + typography). Kept as plain CSS
* custom properties so they are available to Blade views and JS without a rebuild.
******************************************************************************/

:root {
  /* Color corporativo */
  --brand-graphite: #0e1116; /* Grafito profundo */
  --brand-white: #fafafb; /* Blanco señal */
  --brand-cyan: #00e5c7; /* Cian cuántico (acento) */
  --brand-fog-gray: #8a93a3; /* Gris niebla */

  /* Paleta secundaria (funcional) */
  --brand-amber: #f5a623; /* Ámbar alerta */
  --brand-green: #22c55e; /* Verde válido */
  --brand-red: #ef4444; /* Rojo riesgo */
  --brand-violet: #7c5cff; /* Violeta dato */

  /* Tipografías */
  --brand-font-display: 'Space Grotesk', 'Inter', sans-serif;
  --brand-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --brand-font-mono: 'JetBrains Mono', 'SFMono-Regular', Menlo, Monaco, Consolas, monospace;
}