Code - nbnloper/edupay-admin

// ⚠️ 이 파일은 Figma Design Tokens export에서 **자동 생성**되었습니다. // 원본: mobile.tokens.json / pc.tokens.json // 손으로 고치지 말고 원본 JSON을 다시 export한 뒤 변환기를 재실행하세요. // 뷰포트에 따라 달라지는 크기 토큰. 키는 두 모드가 완전히 동일하다. // 모바일 우선 — `$responsive`가 기본값이고 `$responsive-pc`가 브레이크포인트 이상에서 덮는다. $breakpoint-pc: 768px; // 컨테이너 폭(`grid-wrap-*`)과 같은 수다 — 미디어 쿼리와 폭이 어긋나지 않게 한 곳에서 낸다. $breakpoints: ( xsm: 768px, sm: 1024px, default: 1440px, ); $responsive: ( font-size-display-lg: 4.4rem, font-size-display-md: 3.2rem, font-size-display-sm: 2.8rem, font-size-heading-xlg: 2.8rem, font-size-heading-lg: 2.4rem, font-size-heading-md: 2rem, font-size-heading-sm: 1.7rem, font-size-heading-xsm: 1.5rem, font-size-heading-2xsm: 1.3rem, font-size-body-lg: 1.5rem, font-size-body-md: 1.3rem, font-size-body-sm: 1.2rem, font-size-body-xsm: 1rem, font-size-label-lg: 1.5rem, font-size-label-md: 1.3rem, font-size-label-sm: 1.2rem, font-size-label-xsm: 1rem, form-radius-xsm: 0.4rem, form-radius-sm: 0.4rem, form-radius-md: 0.8rem, form-radius-lg: 1.2rem, form-padding-lg: 2rem, form-padding-md: 1.2rem, form-padding-sm: 0.8rem, form-padding-xsm: 0.4rem, form-icon-lg: 2rem, form-icon-md: 1.6rem, form-icon-sm: 1.2rem, form-icon-xsm: 1.2rem, form-height-xsm: 2rem, form-height-sm: 2.8rem, form-height-md: 4rem, form-height-lg: 4.8rem, grid-wrap-full: 100%, grid-wrap-default: 36rem, grid-wrap-sm: 32rem, grid-wrap-xsm: 28rem, grid-margin-full: 0, grid-margin-default: 1.6rem, grid-margin-sm: 1.6rem, grid-margin-xsm: 1.6rem, grid-gutter-sm: 0.8rem, grid-gutter-md: 1.6rem, grid-gutter-lg: 2rem, grid-gutter-xlg: 2rem, grid-gutter-2xlg: 4rem, card-radius-xlg: 1.6rem, card-radius-lg: 1.6rem, card-radius-md: 1.2rem, card-radius-sm: 0.8rem, card-padding-xlg: 2.4rem, card-padding-lg: 2rem, card-padding-md: 1.6rem, card-padding-sm: 1.2rem, modal-width-full: 38rem, modal-width-lg: 34.8rem, modal-width-md: 34.8rem, modal-width-sm: 34.8rem, modal-padding-default: 2.4rem, modal-btn-close: 5.6rem, spacing-top-2xlg: 8rem, spacing-top-xlg: 5.6rem, spacing-top-lg: 3.2rem, spacing-top-md: 2rem, spacing-top-sm: 1.2rem, spacing-top-none: 0, spacing-bottom-xlg: 4.8rem, spacing-bottom-lg: 2.8rem, spacing-bottom-md: 2rem, spacing-bottom-sm: 1rem, spacing-bottom-none: 0, section-spacing-lg: 8rem, section-spacing-md: 4rem, section-spacing-sm: 2.4rem, section-spacing-xsm: 1.6rem ); $responsive-pc: ( font-size-display-lg: 4rem, font-size-display-md: 3.2rem, font-size-display-sm: 2.6rem, font-size-heading-xlg: 3.2rem, font-size-heading-lg: 2.6rem, font-size-heading-md: 2rem, font-size-heading-sm: 1.7rem, font-size-heading-xsm: 1.5rem, font-size-heading-2xsm: 1.3rem, font-size-body-lg: 1.7rem, font-size-body-md: 1.5rem, font-size-body-sm: 1.3rem, font-size-body-xsm: 1.1rem, font-size-label-lg: 1.7rem, font-size-label-md: 1.5rem, font-size-label-sm: 1.3rem, font-size-label-xsm: 1.1rem, form-radius-xsm: 0.4rem, form-radius-sm: 0.4rem, form-radius-md: 0.8rem, form-radius-lg: 1.2rem, form-padding-lg: 2rem, form-padding-md: 1.2rem, form-padding-sm: 0.8rem, form-padding-xsm: 0.8rem, form-icon-lg: 2.4rem, form-icon-md: 2rem, form-icon-sm: 1.6rem, form-icon-xsm: 1.2rem, form-height-xsm: 2.4rem, form-height-sm: 2.8rem, form-height-md: 4rem, form-height-lg: 5.6rem, grid-wrap-full: 100%, grid-wrap-default: 144rem, grid-wrap-sm: 102.4rem, grid-wrap-xsm: 76.8rem, grid-margin-full: 0, grid-margin-default: 4.8rem, grid-margin-sm: 4.8rem, grid-margin-xsm: 4.8rem, grid-gutter-sm: 0.8rem, grid-gutter-md: 1.6rem, grid-gutter-lg: 2.4rem, grid-gutter-xlg: 4rem, grid-gutter-2xlg: 6.4rem, card-radius-xlg: 2.4rem, card-radius-lg: 2.4rem, card-radius-md: 1.6rem, card-radius-sm: 1.2rem, card-padding-xlg: 4rem, card-padding-lg: 3.2rem, card-padding-md: 2.4rem, card-padding-sm: 1.6rem, modal-width-full: 192rem, modal-width-lg: 76rem, modal-width-md: 56rem, modal-width-sm: 40rem, modal-padding-default: 4rem, modal-btn-close: 6.4rem, spacing-top-2xlg: 8rem, spacing-top-xlg: 6.4rem, spacing-top-lg: 4rem, spacing-top-md: 2.4rem, spacing-top-sm: 1.6rem, spacing-top-none: 0, spacing-bottom-xlg: 3.6rem, spacing-bottom-lg: 2.8rem, spacing-bottom-md: 2rem, spacing-bottom-sm: 1rem, spacing-bottom-none: 0, section-spacing-lg: 12rem, section-spacing-md: 8rem, section-spacing-sm: 4rem, section-spacing-xsm: 2.4rem );