/* Taichung Job Service — Spacing & sizing tokens
   Defining habit: HORIZONTAL spacing scales on vw, VERTICAL on vh.
   Use dvh (not vh) for full-height values. Nothing is a fixed px vertical pad. */
:root {
  /* --- Vertical rhythm (vh-based) --- */
  --space-header-top: clamp(24px, 4vh, 64px);
  --space-section-gap: clamp(8px, 1.5vh, 20px);
  --space-card-bottom: clamp(12px, 1.8vh, 24px) 0 clamp(16px, 2.4vh, 32px);
  --space-footer: clamp(12px, 2vh, 24px) 0 clamp(16px, 2.4vh, 32px);
  --space-card-inner-gap: clamp(8px, 1vh, 16px);

  /* --- Horizontal / general (vw-based) --- */
  --space-cards-gap: clamp(16px, 2.4vw, 40px);
  --space-header-gap: clamp(16px, 2vw, 32px);
  --space-modal-pad: clamp(24px, 2.8vw, 36px);

  /* --- Containers --- */
  --container-cards: min(92%, 1320px); /* @kind spacing */
  --container-modal: min(92vw, 620px); /* @kind spacing */
  --width-select: min(80vw, 420px); /* @kind spacing */

  /* --- Button padding --- */
  --pad-button: clamp(10px, 1.2vw, 16px) clamp(20px, 2.4vw, 32px);
}