/**
 * @framework-doc
 * {
 *   "schema": 1,
 *   "layer": "style",
 *   "role": "공공디자인 프로필과 공통 서체·토큰 스타일",
 *   "responsibilities": [
 *     "공공디자인 프로필과 공통 서체·토큰 스타일를 CSS 선택자와 반응형 규칙으로 정의한다."
 *   ],
 *   "contracts": [
 *     "표시 스타일만 담당하며 업무 상태와 권한은 변경하지 않는다."
 *   ],
 *   "related": []
 * }
 * @end-framework-doc
 */
:root[data-public-service] {
  --krds-color-light-primary-5: #ECF2FE;
  --krds-color-light-primary-10: #D8E5FD;
  --krds-color-light-primary-20: #B1CEFB;
  --krds-color-light-primary-30: #86AFF9;
  --krds-color-light-primary-40: #4C87F6;
  --krds-color-light-primary-50: #256EF4;
  --krds-color-light-primary-60: #0B50D0;
  --krds-color-light-primary-70: #083891;
  --krds-color-light-primary-80: #052561;
  --krds-color-light-primary-90: #03163A;
  --krds-color-light-primary-95: #020F27;
  --public-color-background: #FFFFFF;
  --public-color-ink: #1E2124;
  --public-color-white: #FFFFFF;
  --public-color-subtle: #464C53;
  --krds-typo-font-type: "Pretendard GOV";
  --public-font-body: 17px;
  --public-font-weight: 400;
  --public-line-height: 1.5;
  --krds-number-3: 4px;
  --krds-number-8: 16px;
  --krds-number-10: 24px;
  --krds-radius-medium1: 6px;
  --public-elevation-level: 0;
  --public-motion-duration: 150ms;
  --krds-pc-font-size-body-medium: 1.7rem;
  --krds-mobile-font-size-body-medium: 1.7rem;
}