/* Paleta de fmodernos.com (Fletes Modernos): azul corporativo, marino, rojo de acento
   y amarillo de apoyo. Tipografías: Barlow (títulos) y Open Sans (texto). */
:root {
  --primary: #0051A5;
  --primary-hover: #003D7A;
  --navy: #002952;
  --navy-border: #003366;
  --accent: #E63027;
  --accent-hover: #C4231B;
  --yellow: #FFC20E;
  --whatsapp: #25D366;

  --bg: #F5F9FF;
  --surface: #FFFFFF;
  --surface-2: #D8E9F9;
  --border: #D1E3F8;
  --text: #1A1A1A;
  --muted: #666666;
  --on-dark: #FFFFFF;
  --success: #16A34A;
  --destructive: #DC2626;

  --font-heading: "Barlow", system-ui, sans-serif;
  --font-body: "Open Sans", system-ui, sans-serif;
  --radius: 8px;
  --radius-card: 12px;
  --shadow: 0 1px 2px rgb(0 41 82 / 0.06), 0 4px 16px rgb(0 41 82 / 0.08);
  --shadow-hover: 0 4px 8px rgb(0 41 82 / 0.10), 0 12px 32px rgb(0 41 82 / 0.14);
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary: #4C8FE0;
    --primary-hover: #6BA5EA;
    --bg: #001A33;
    --surface: #002952;
    --surface-2: #003366;
    --border: #0B3F73;
    --text: #EAF2FC;
    --muted: #9DB4CF;
    --shadow: 0 1px 2px rgb(0 0 0 / 0.3), 0 4px 16px rgb(0 0 0 / 0.3);
    --shadow-hover: 0 4px 8px rgb(0 0 0 / 0.35), 0 12px 32px rgb(0 0 0 / 0.4);
  }
}