/* ============================================================
   TRAIN WMFS — EFFECTS: radii, borders, shadows, motion
   The brand barely rounds anything. 2px on chips/buttons,
   4px on cards. No soft pill shapes, no heavy drop shadows.
   ============================================================ */
:root {
  /* Corner radii — small + sharp */
  --radius-chip: 2px;     /* buttons, tags, badges, inputs */
  --radius-card: 4px;     /* cards, photos, panels */
  --radius-modal: 6px;    /* dialogs */

  /* Borders — hairline on black, accent on hover */
  --border-1: 1px solid var(--border-hairline);
  --border-strong-1: 1px solid var(--border-strong);
  --border-accent-1: 1px solid var(--border-accent);

  /* The signature orange top-rule on alternating bands */
  --rule-accent: linear-gradient(90deg, transparent, var(--accent), transparent);
  /* Hairline divider */
  --rule-hairline: linear-gradient(90deg, transparent, var(--wmfs-orange-50), transparent);

  /* Glows / ambient (orange radial wash behind hero & CTA) */
  --glow-orange: radial-gradient(circle, var(--wmfs-orange-08) 0%, transparent 65%);

  /* Motion — quick, no bounce. Lifts translate up 1–3px. */
  --ease: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 0.15s; /* @kind other */
  --dur: 0.2s; /* @kind other */
  --dur-slow: 0.3s; /* @kind other */
  --dur-reveal: 0.6s; /* @kind other */

  --lift-sm: translateY(-1px); /* @kind other */
  --lift-md: translateY(-3px); /* @kind other */
}