/* CUSMOS 회색 척도. 한국어(style.css)와 영어·일본어·독일어(global.css)가 함께 쓴다.
 * 숫자는 어두운 정도다. 대략 100 - 명도(CIELAB L*)를 10 단위로 반올림했고, 흰색과 너무 가까운 #F5F6FA만 5로 둔다.
 * 비어 있는 번호(50·60·80)는 새 회색이 필요할 때 쓴다. 모든 회색에 남색 기운이 조금 있다.
 * Deep Navy(#05060D)는 브랜드 색이라 이 척도에 넣지 않고 --navy로 따로 둔다. */
:root {
  --gray-0: #ffffff;   /* 기본 배경 */
  --gray-5: #f5f6fa;   /* 보조 배경, 구역 구분 */
  --gray-10: #e3e5ee;  /* 테두리, 구분선 */
  --gray-20: #c9cde0;  /* 진한 구분선, 밑줄 */
  --gray-30: #9ba1bb;  /* 남색 배경 위 설명 글자 */
  --gray-40: #8388a6;  /* 남색·어두운 카드 위 보조 글자(5.8:1, 5.3:1) */
  --gray-70: #4a4f68;  /* 흰 배경 위 설명 글자 */
  --gray-90: #11132a;  /* 한국어 어두운 카드 면 */
  --gray-100: #0b0c17; /* 제목, 본문 글자 */
  --navy: #05060d;     /* 브랜드 Deep Navy. 어두운 배경 */
}