/*
 * Ditel Broker — design tokens (light + dark)
 * Firma: consola de telemetría industrial. Naranja "ember" (marca) para acciones,
 * verde-azulado "signal" reservado en exclusiva para lecturas de dispositivo en
 * vivo — nunca se usan para lo mismo, así el dato siempre se distingue de la acción.
 */
:root {
  --brand-primary: #E85D1F;
  --brand-primary-hover: #C94F1B;
  --brand-primary-active: #A83F14;
  --brand-primary-rgb: 232, 93, 31;

  --color-success: #0F9D6C;
  --color-success-rgb: 15, 157, 108;
  --color-warning: #B7791F;
  --color-warning-rgb: 183, 121, 31;
  --color-danger: #D6394C;
  --color-danger-rgb: 214, 57, 76;
  --color-info: #0F7FAE;
  --color-info-rgb: 15, 127, 174;

  --surface-bg: #F3F4F6;
  --surface-1: #FFFFFF;
  --surface-2: #EAECEF;
  --surface-border: #DCE0E5;
  /* Chip/legend decorativo (gris neutro), constante en ambos temas para que el texto blanco encima siga siendo legible */
  --surface-chip: #ADB5BD;

  --text-1: #171A1F;
  --text-2: #4B5563;
  --text-muted: #8A93A1;

  /*
   * Lectura de dispositivo en vivo — el acento "signal", exclusivo para datos,
   * nunca para acciones. Constante en ambos temas porque siempre se muestra
   * sobre el bisel del instrumento (--led-bezel-bg), también fijo en ambos temas.
   */
  --color-device-reading: #0E7C74;
  --color-reading-blue: #2662D9;
  --color-reading-green: #157F3C;

  /* Bisel del componente de lectura (.led-readout), igual en ambos temas */
  --led-bezel-bg: #1B2027;
  --led-bezel-border: #2C333D;
  --led-bezel-glow: transparent;
}

[data-bs-theme="dark"] {
  --brand-primary: #FF6A1A;
  --brand-primary-hover: #FF8A4A;
  --brand-primary-active: #E85A0F;
  --brand-primary-rgb: 255, 106, 26;

  --color-success: #34D399;
  --color-success-rgb: 52, 211, 153;
  --color-warning: #F5B23F;
  --color-warning-rgb: 245, 178, 63;
  --color-danger: #FB7185;
  --color-danger-rgb: 251, 113, 133;
  --color-info: #38BDF8;
  --color-info-rgb: 56, 189, 248;

  --surface-bg: #14171C;
  --surface-1: #1B2027;
  --surface-2: #232A34;
  --surface-border: #2C333D;

  --text-1: #ECEFF3;
  --text-2: #B7BEC9;
  --text-muted: #6B7280;

  --color-device-reading: #2DD6B8;
  --color-reading-blue: #7DB2FF;
  --color-reading-green: #34D399;
}