/* EMCO corporate styling — palette extracted from emco-world.com (2026-06-10):
   navy #002856, signal red #E2001A, amber hover #FFA902, font "Open Sans". */

:root {
  --emco-navy: #002856;
  --emco-red: #E2001A;
  --emco-amber: #FFA902;
}

body {
  font-family: "Open Sans", "Segoe UI", Roboto, Arial, sans-serif;
}

.emco-appbar-title {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.02em;
}

a:hover {
  color: var(--emco-amber);
}

/* Category/cycle tiles (storefront, later phases) */
.cycle-card {
  transition: transform 120ms ease, box-shadow 120ms ease;
}

.cycle-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0, 40, 86, 0.18);
}