/* =========================================================
   OrderTrackLab – Design Tokens (v2.1)
   Capa de identidad sobre Vuexy
   - Solo variables (tokens)
   - Nada de estilos de componentes aquí
   ========================================================= */

:root {
  /* Brand */
  --otl-primary:   #1F3A4A;
  --otl-secondary: #6C63FF;

  /* Backgrounds */
  --otl-bg-main: #F5F7FA;
  --otl-bg-card: #FFFFFF;

  /* Text */
  --otl-text-main:  #1F2933;
  --otl-text-muted: #6B7280;
  --otl-text-light: #9CA3AF;

  /* Borders */
  --otl-border: #E5E7EB;

  /* States */
  --otl-success:    #22C55E;
  --otl-warning:    #E6A23C;
  --otl-danger:     #EF4444;

  /* State backgrounds (soft) */
  --otl-danger-bg:  #FEF2F2;
  --otl-success-bg: #F0FDF4;

  /* Focus rings */
  --otl-focus-ring: 0 0 0 0.15rem rgba(108, 99, 255, 0.18);
  --otl-danger-ring: 0 0 0 0.15rem rgba(239, 68, 68, 0.18);
  --otl-success-ring: 0 0 0 0.15rem rgba(34, 197, 94, 0.18);

  /* Radius */
  --otl-radius-md: 14px;
  --otl-radius-pill: 999px;

  /* Shadows */
  --otl-shadow-primary: 0 6px 14px rgba(108, 99, 255, 0.18);
}