:root {
  /* Layout */
  --container-max: 1352px;
  --section-pad-x: 80px;   /* SP: 30px */
  --section-gap:   120px;  /* section vertical rhythm (SP: 50-80px) */

  /* Shape */
  --radius:   4px;                          /* all parts: buttons, tabs, badges */
  --dot-size: 9px;                          /* yellow dot beside CTA text */
  --border:   1px solid var(--color-ink);

  /* Motion */
  --dur-hover:   .3s;  /* @kind other */ /* button text swap, image zoom */
  --dur-bg:      1s;   /* @kind other */ /* page bg white → #222 on scroll */
  --dur-marquee: 12s;  /* @kind other */ /* one marquee loop */
  --ease:        ease-out; /* @kind other */
}

/* Breakpoints: 1150px (3col → 1col / layout shift), 767px (SP) */