/* Theme: industrial / manufacturing
   Deep steel blue for trust, a fresh green accent (works with LINE buttons),
   warm off-white backgrounds that match the warm-toned product photos. */
:root{
  --c-primary:#0c408f;
  --c-primary-hover:#09336f;
  --c-ink:#0f2440;
  --c-text:#2a3442;
  --c-muted:#5d6878;
  --c-link:#0c408f;
  --c-accent:#2f9d55;
  --c-accent-ink:#23804a;
  --c-accent-light:#7fd39a;
  --c-line:#06c755;
  --c-line-hover:#05a647;
  --c-bg:#f7f4ef;
  --c-surface:#ffffff;
  --c-surface-alt:#efeae2;
  --c-photo-bg:#f1ece4;
  --c-border:#e3ddd3;
  --c-step-line:#c9d3e3;
  --c-focus-ring:rgba(12,64,143,.15);
  --c-topbar:#0f2440;
  --c-topbar-text:#dfe6f0;
  --c-footer:#0f2440;
  --c-footer-text:#c5cfdc;
  --c-dot:rgba(12,64,143,.13);
  --font-latin:"Outfit","Noto Sans TC",system-ui,sans-serif;
  --contact-bg:linear-gradient(150deg,#0f2440 0%,#0c408f 100%);
  --hero-bg:linear-gradient(180deg,#f7f4ef 0%,#efe8dd 100%);
  --font-head:"Noto Sans TC",system-ui,-apple-system,"Microsoft JhengHei",sans-serif;
  --font-body:"Noto Sans TC",system-ui,-apple-system,"Microsoft JhengHei",sans-serif;
  --radius:12px;
  --radius-lg:18px;
  --radius-btn:10px;
  --max-w:1240px;
  --shadow-sm:0 1px 2px rgba(15,36,64,.06);
  --shadow-md:0 6px 18px rgba(15,36,64,.10);
  --shadow-lg:0 16px 40px rgba(15,36,64,.14);
}