:root {
  /* スペーシングスケール（8pxベースグリッド） */
  --spacing-1:  0.25rem;  /*   4px */
  --spacing-2:  0.5rem;   /*   8px */
  --spacing-3:  0.75rem;  /*  12px */
  --spacing-4:  1rem;     /*  16px */
  --spacing-6:  1.5rem;   /*  24px */
  --spacing-8:  2rem;     /*  32px */
  --spacing-12: 3rem;     /*  48px */
  --spacing-16: 4rem;     /*  64px */
  --spacing-24: 6rem;     /*  96px */
  --spacing-32: 8rem;     /* 128px */

  /* レイアウト */
  --container-max-width: 1280px;
  --container-padding:   var(--spacing-6);
}