/* 없음: 색상환 */
:root {
  --gray-0: #ffffff;
  --gray-50: #fafafa;
  --gray-100: #f4f4f5;
  --gray-200: #e4e4e7;
  --gray-300: #d4d4d8;
  --gray-400: #a1a1aa;
  --gray-500: #71717a;
  --gray-600: #52525b;
  --gray-700: #3f3f46;
  --gray-800: #27272a;
  --gray-900: #18181b;

  --red-600: #b91c1c;

  /* 반투명 검정. 모달 덮개와 걸린 열 몸 칸 막 */
  --alpha-45: rgba(0, 0, 0, 0.45);
  --alpha-6: rgba(0, 0, 0, 0.06);

  /* 간격 12단. 4px 배수 */
  --size-1: 2px;
  --size-2: 4px;
  --size-3: 8px;
  --size-4: 12px;
  --size-5: 16px;
  --size-6: 20px;
  --size-7: 24px;
  --size-8: 32px;
  --size-9: 40px;
  --size-10: 48px;
  --size-11: 64px;
  --size-12: 80px;

  /* 글자 크기 7단 */
  --font-size-1: 11px;
  --font-size-2: 12px;
  --font-size-3: 13px;
  --font-size-4: 15px;
  --font-size-5: 18px;
  --font-size-6: 22px;
  --font-size-7: 28px;

  --font-family-base: system-ui, -apple-system, "Segoe UI", sans-serif;
  --line-tight: 1.25;
  --line-base: 1.5;

  --border-1: 1px;
  --border-2: 2px;
  --radius-0: 0px;
}