/* =====================================================================
   KRDS 디자인 토큰 — 범정부 UI/UX 디자인시스템(KRDS) 기반
   출처: KRDS-uiux/krds-uiux krds_tokens.css 추출값 (docs/research/02-krds-design.md)
   ⚠ 핵심: KRDS 는 1rem = 10px (html { font-size: 62.5% })
   ===================================================================== */

:root {
  /* ---- Primary (정부 블루) ---- */
  --c-primary-5:  #ecf2fe;
  --c-primary-10: #d8e5fd;
  --c-primary-20: #b1cefb;
  --c-primary-30: #86aff9;
  --c-primary-40: #4c87f6;
  --c-primary-50: #256ef4;  /* 기본 액션/포인트 */
  --c-primary-60: #0b50d0;  /* hover/강조 */
  --c-primary-70: #083891;
  --c-primary-80: #052561;
  --c-primary-90: #03163a;

  /* ---- Secondary (남청색) ---- */
  --c-secondary-50: #346fb2;
  --c-secondary-60: #1c589c;
  --c-secondary-70: #063a74;

  /* ---- Gray (UI 골격) ---- */
  --c-gray-0:   #ffffff;
  --c-gray-5:   #f4f5f6;
  --c-gray-10:  #e6e8ea;
  --c-gray-20:  #cdd1d5;
  --c-gray-30:  #b1b8be;
  --c-gray-40:  #8a949e;
  --c-gray-50:  #6d7882;
  --c-gray-60:  #58616a;
  --c-gray-70:  #464c53;
  --c-gray-80:  #33363d;
  --c-gray-90:  #1e2124;
  --c-gray-95:  #131416;
  --c-gray-100: #000000;

  /* ---- System / Semantic ---- */
  --c-danger:   #de3412;
  --c-danger-60:#bd2c0f;
  --c-warning:  #9e6a00;
  --c-success:  #228738;
  --c-info:     #0b78cb;
  --c-point:    #d63d4a;  /* 강조 레드 */

  /* ---- 의미 별칭 ---- */
  --c-text:        var(--c-gray-90);
  --c-text-sub:    var(--c-gray-60);
  --c-text-weak:   var(--c-gray-50);
  --c-border:      var(--c-gray-20);
  --c-border-weak: var(--c-gray-10);
  --c-bg:          var(--c-gray-0);
  --c-bg-soft:     var(--c-gray-5);
  --c-action:      var(--c-primary-50);
  --c-action-hover:var(--c-primary-60);

  /* ---- 타이포 ---- */
  --font-sans: "Pretendard GOV", "Pretendard", -apple-system, BlinkMacSystemFont,
               "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", sans-serif;

  --fs-display-l: 6.0rem;
  --fs-display-m: 4.4rem;
  --fs-heading-xl: 4.0rem;
  --fs-heading-l:  3.2rem;
  --fs-heading-m:  2.4rem;
  --fs-heading-s:  1.9rem;
  --fs-heading-xs: 1.7rem;
  --fs-body-l: 1.9rem;
  --fs-body-m: 1.7rem;   /* 본문 기본 */
  --fs-body-s: 1.5rem;
  --fs-body-xs:1.3rem;
  --lh-body: 1.5;

  /* ---- 간격 (4/8 그리드) ---- */
  --sp-2: 0.2rem;  --sp-4: 0.4rem;  --sp-6: 0.6rem;  --sp-8: 0.8rem;
  --sp-10:1.0rem;  --sp-12:1.2rem;  --sp-16:1.6rem;  --sp-20:2.0rem;
  --sp-24:2.4rem;  --sp-32:3.2rem;  --sp-40:4.0rem;  --sp-48:4.8rem;
  --sp-64:6.4rem;  --sp-80:8.0rem;

  /* ---- 반경 / 그림자 (평면적 보수 톤) ---- */
  --radius-xs: 0.2rem;
  --radius-s:  0.4rem;
  --radius-m:  0.8rem;
  --radius-l:  1.0rem;
  --radius-xl: 1.2rem;
  --radius-max: 9999px;
  --shadow-1: 0 1px 3px rgba(0,0,0,.06);
  --shadow-2: 0 2px 8px rgba(0,0,0,.08);
  --shadow-3: 0 6px 20px rgba(0,0,0,.12);

  /* ---- 레이아웃 ---- */
  --layout-max: 120rem;  /* 1200px */
}