:root {
  --content-max: 1000px;   /* メインカラム最大幅 */
  --gutter-inline: 16px;   /* 左右ガター（SP） */

  --text: #333;
  --border: #ddd;
  --focus: #2684ff;

  --font-size-100:  1.2rem;
  --font-size-150:  1.3rem;
  --font-size-200:  1.4rem;
  --font-size-250:  1.5rem;
  --font-size-base: 1.6rem;
  --font-size-350:  1.7rem;
  --font-size-400:  1.8rem;
  --font-size-450:  2.0rem;
  --font-size-500:  2.4rem;
  --font-size-550:  2.8rem;
  --font-size-600:  3.2rem;
  --font-size-650:  3.8rem;
  --font-size-700:  4.2rem;

  --color-accent: #f74b4b;
  --color-bg: #fff;
  --color-muted: #666;
  --color-chip: #ffecce;
  --color-cta-normal: #4E75BA;
  --color-cta-apply: #cb5274;
  --color-cta-check: #2cb1bc;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-card: 0 2px 10px rgba(0,0,0,.06);
}

@media (width >= 768px){ 
  :root{ --gutter-inline: 24px; }
}

@media (width >= 1024px){
  :root{ --gutter-inline: 32px; }
}