/* assets/css/tokens.css
   Variables de diseño. Nada de colores ni tamaños sueltos en otros
   archivos — todo se referencia desde aquí. */

:root {
  --graphite-900: #1C2128;
  --graphite-800: #242A32;
  --graphite-700: #2D333B;
  --graphite-600: #3A414B;

  --paper: #F7F5F0;
  --paper-raised: #FFFFFF;
  --line: #DDD8CC;
  --line-strong: #C7C1B2;

  --ink: #1C2128;
  --ink-muted: #5B6472;
  --ink-on-graphite: #E8E6E0;
  --ink-on-graphite-muted: #9AA2AC;

  --signal-amber: #E8A33D;
  --signal-amber-dark: #C4841F;
  --signal-amber-contrast: #1C2128;

  --danger: #C4453A;
  --danger-bg: #FBEAE8;
  --success: #3C8A5B;
  --success-bg: #E9F5EE;

  --estado-pendiente: #6c757d;
  --estado-diagnostico: #0dcaf0;
  --estado-aprobacion: #ffc107;
  --estado-repuesto: #fd7e14;
  --estado-reparacion: #0d6efd;
  --estado-listo: #198754;
  --estado-entregado: #495057;
  --estado-cancelado: #dc3545;

  --font-ui: "IBM Plex Sans", -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;

  --radius-sm: 4px;
  --radius-md: 6px;

  --sidebar-width: 240px;
  --content-max-width: 640px;

  --shadow-panel: 0 4px 16px rgba(28, 33, 40, 0.12);
}