/* Identidad FreightGo: único lugar donde se definen los colores. */
:root {
  --blue: #0870E8;
  --navy: #0F172A;
  --blue-2: #60A5FA;
  --sky: #0EA5E9;
  --blue-light: #DBEAFE;
  --blue-pastel: #BFDBFE;
  --bg: #F8FAFC;
  --white: #FFFFFF;
  --ink: #111827;
  --muted: #64748B;
  --line: #E5E7EB;

  /* Nombres usados por los componentes */
  --ultra: var(--blue);
  --paper: var(--bg);
  --vis: var(--blue-light);
  --steel: var(--muted);
  --error: var(--navy);

  --radius: 6px;
  --shadow-sm: 0 0 0 1px var(--line), 0 1px 3px rgb(15 23 42 / .08);
  --shadow-md: 0 0 0 1px var(--line), 0 10px 30px rgb(15 23 42 / .08);
  --shadow-blue: 0 0 0 1px rgb(8 112 232 / .25), 0 10px 44px rgb(8 112 232 / .3);
  --ease: .18s ease;

  --display: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --stencil: "Big Shoulders Stencil Display", "Big Shoulders Display", sans-serif;
  --body: "Barlow", "Segoe UI", sans-serif;
}

.file-warning { margin: 0; background: var(--navy); color: var(--white); padding: 10px 16px; font: 600 1rem/1.35 var(--body); text-align: center; }