:root {
  /* ===============================
     ■ Width
  =============================== */
  --width-full: 100%;
  --width-lg: 1280px;
  --width-md: 1100px;
  --width-sm: 800px;

  /* ===============================
     ■ Spacing / Gap
  =============================== */
  --padding-block: var(--scale-80);
  --padding-inline: var(--scale-24);
  --row-gap: var(--scale-56);
  --col-gap: var(--scale-40);

  /* ===============================
     ■ row-group Layout
  =============================== */
  --table-col-width: 226.8px;
  --table-group-width: 32px;
  --table-sub-width: 143px;
  --table-col-height: 114px;
  --table-th-height: 110px;
  --table-group-height: 32px;
  --table-sub-height: 78px;

  /* ===============================
     ■ Scale
  =============================== */
  --scale-2: min(2px, 100vw / 375 * 2);
  --scale-4: min(4px, 100vw / 375 * 4);
  --scale-8: min(8px, 100vw / 375 * 6);
  --scale-12: min(12px, 100vw / 375 * 10);
  --scale-14: min(14px, 100vw / 375 * 11);
  --scale-16: min(16px, 100vw / 375 * 13);
  --scale-18: min(18px, 100vw / 375 * 14);
  --scale-20: min(20px, 100vw / 375 * 15);
  --scale-24: min(24px, 100vw / 375 * 18);
  --scale-28: min(28px, 100vw / 375 * 20);
  --scale-32: min(32px, 100vw / 375 * 21);
  --scale-40: min(40px, 100vw / 375 * 24);
  --scale-48: min(48px, 100vw / 375 * 28);
  --scale-56: min(56px, 100vw / 375 * 32);
  --scale-64: min(64px, 100vw / 375 * 36);
  --scale-80: min(80px, 100vw / 375 * 40);
}