/* ERP Bridge Cargo — Design Tokens
   Paleta de bridgecargo.com.co: azul marino #013A71, azul #026CD3, cian del logo #00AEEF
   y acento naranja #F9A634. Los nombres "navy" y "yellow" se conservan para que todas las
   plantillas hereden la marca: "yellow" es ahora el naranja de acento. */
:root {
  --navy-900: #00284f;
  --navy-800: #013a71;
  --navy-700: #0b4d8f;
  --navy-600: #0f5fae;
  --navy-500: #026cd3;
  --navy-400: #5b93cf;
  --navy-300: #a6c3e4;
  --navy-100: #e6eff9;
  --navy-050: #f2f7fc;

  --cyan-500: #00aeef;
  --cyan-100: #dff4fd;

  --yellow-600: #e08e1b;
  --yellow-500: #f9a634;
  --yellow-400: #fbb85c;
  --yellow-100: #feecd2;
  --yellow-050: #fff7eb;

  --ink-900: #0b1220;
  --ink-800: #1a2230;
  --ink-700: #2b3545;
  --ink-600: #475063;
  --ink-500: #6b7588;
  --ink-400: #9199aa;
  --ink-300: #c3c9d4;
  --ink-200: #e2e5ec;
  --ink-150: #ecedf3;
  --ink-100: #f3f4f8;
  --ink-050: #f8f9fb;
  --paper:   #ffffff;
  --bone:    #f9f9f9;

  --success-600:#0f8f5a;
  --success-500:#14a96a;
  --success-100:#dff5e7;
  --danger-600:#c03838;
  --danger-500:#e24b4b;
  --danger-100:#fde2e2;
  --warn-600:#b57f00;
  --warn-500:#e2a400;
  --warn-100:#fff1cc;
  --info-600:#2563a8;
  --info-500:#3a7fd1;
  --info-100:#e0ebf8;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;

  --sh-xs: 0 1px 2px rgba(1,58,113,0.05);
  --sh-sm: 0 1px 3px rgba(1,58,113,0.07), 0 1px 2px rgba(1,58,113,0.04);
  --sh-md: 0 6px 18px -4px rgba(1,58,113,0.14), 0 2px 6px rgba(1,58,113,0.05);
  --sh-lg: 0 24px 48px -16px rgba(1,58,113,0.25), 0 4px 12px rgba(1,58,113,0.06);

  --font-ui: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-display: 'Fjalla One', 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-ui);
  color: var(--ink-800);
  background: var(--bone);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-numeric: tabular-nums;
}
button { font-family: inherit; }
a { color: inherit; text-decoration: none; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #c9cfdc; border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: #aab2c4; background-clip: padding-box; border: 2px solid transparent; }
::-webkit-scrollbar-track { background: transparent; }

:focus-visible { outline: 2px solid var(--navy-500); outline-offset: 2px; border-radius: 6px; }

.mono { font-family: var(--font-mono); }
.tnum { font-variant-numeric: tabular-nums; }