/* assets/css/variables.css - Design Tokens Oficiales Emiway */
:root {
  /* Brand Primary Colors */
  --brand-red: #D32F2F;
  --brand-red-dark: #B71C1C;
  --sport-blue: #0D47A1;
  --sport-blue-light: #1565C0;
  --steel-gray: #4D4D4D;
  --light-bg: #F8F9FA;
  --white: #FFFFFF;
  --black: #212529;

  /* === Backward-compat aliases (usados en HTMLs legacy) === */
  --navy: #1d3557;
  --navy-light: #2d4a6e;
  --red: #D32F2F;
  --red-dark: #B71C1C;
  --green: #2ecc71;
  --yellow: #f39c12;
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-300: #cbd5e1;
  --gray-400: #94a3b8;
  --gray-500: #64748b;
  --gray-700: #334155;
  --shadow: 0 4px 20px rgba(0,0,0,.08);
  /* Variables del admin/debug */
  --accent: #1e88ff;
  --bg: #ffffff;
  --text: #202124;
  --muted: #6b7280;
  --border: #e5e7eb;
  --shadow-on: 0 8px 22px rgba(30,136,255,.18);

  /* Aliases & Complementary Palette */
  --emi-navy: #1d3557;
  --emi-navy-dark: #0d1f3c;
  --emi-navy-light: #2d4a6e;
  --emi-red: #D32F2F;
  --emi-red-dark: #B71C1C;
  --emi-green: #00a651;
  --emi-green-dark: #007a3d;
  --emi-wa: #25D366;
  --emi-wa-dark: #1ebe5d;

  /* Slate Tinted Neutrals Scale */
  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;

  /* Typography */
  --font-body: 'Inter', sans-serif;
  --font-head: 'Poppins', sans-serif;

  /* Radius Scale */
  --radius-sm: 6px;
  --radius: 8px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.1);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.14);
  --shadow-drawer: -5px 0 30px rgba(15, 23, 42, 0.15);

  /* Transitions */
  --tr: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --tr-fast: 0.15s ease-out;
  --tr-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --tr-bounce: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}