/* ============================================================
   청현에듀(靑現) 디자인 토큰 · Final (2026-07 확정)
   기준 문서: brand-guide-final.html (v4-A 하이브리드 확정안)
   원칙: 애플 미니멀 · 그라데이션 전면 금지 · 플랫 솔리드
   위계: 블루 = 메인(모든 버튼·액션) / 레몬 = 장식적 포인트 전용
   ============================================================ */

:root {
  /* ---------- Atoms · 컬러 / 브랜드 블루 (메인) ---------- */
  --primary:        #2F5D9E;  /* 미드 블루 · 모든 주요 액션/CTA */
  --primary-hover:  #264E86;  /* Primary hover */
  --primary-press:  #1F416F;  /* Primary pressed */
  --secondary:      #6E95C6;  /* 보조 블루 · 서브 요소/레벨 뱃지 */
  --accent-blue:    #4A90D9;  /* 액센트 블루 · 링크/포인트 */
  --primary-soft:   #EBF1F9;  /* 블루 soft 배경 (secondary 버튼 bg 등) */
  --primary-softer: #F2F7FC;  /* 블루 더 연한 배경 (배너/선택 옵션) */
  --primary-border: #D3E0F0;  /* 블루 계열 테두리 */

  /* ---------- Atoms · 컬러 / 햇살 레몬 (포인트 전용) ----------
     용도: 뱃지·하이라이트 배경·강조 밑줄·로고 포인트만.
     금지: CTA 버튼 색(버튼은 블루 통일), 본문 텍스트/링크색, 넓은 면 채우기 */
  --sun:        #F5D67A;  /* Sun Accent · 소프트 레몬 솔리드 */
  --sun-hover:  #EEC65B;  /* Sun hover */
  --sun-press:  #E0B143;  /* Sun pressed */
  --sun-soft:   #FCF7E3;  /* 레몬 soft 배경 (하이라이트/추천 썸네일) */
  --sun-border: #F2E4B3;  /* 레몬 soft 테두리 (추천 카드 등) */
  --sun-ink:    #8A6D1A;  /* soft 배경 위 텍스트용 진한 골드 */
  --on-sun:     #2B2410;  /* 레몬 솔리드 위 텍스트 (대비 확보) */

  /* ---------- Atoms · 컬러 / 시맨틱 ---------- */
  --success:      #2E8B57;  /* 성공/완료 */
  --success-soft: #EAF5EE;
  --warning:      #C8891B;  /* 경고/마감임박 */
  --warning-soft: #FAF2E4;
  --error:        #C0392B;  /* 오류/마감 */
  --error-soft:   #FBECEA;

  /* ---------- Atoms · 컬러 / 그레이 스케일 ---------- */
  --g50:  #F7F9FB;  /* 최연한 배경 */
  --g100: #E9EDF2;  /* 연한 배경/구분 */
  --g200: #C9D0DA;  /* 인풋 테두리 · disabled 버튼 bg */
  --g400: #8C95A4;  /* 보조 텍스트 */
  --g600: #4C5563;  /* 중간 텍스트 · neutral 뱃지 텍스트 */
  --g900: #242B35;  /* 최진한 텍스트 */

  /* ---------- Atoms · 컬러 / 잉크·라인·페이퍼 ---------- */
  --ink:       #1c1c1e;  /* 기본 본문 텍스트 */
  --ink-2:     #3a3a3c;  /* 서브 본문 텍스트 */
  --muted:     #8e8e93;  /* 뮤트 텍스트 (설명/캡션) */
  --muted-2:   #aeaeb2;  /* 더 옅은 뮤트 (placeholder/disabled) */
  --line:      #e5e5ea;  /* 기본 구분선/테두리 */
  --line-soft: #f2f2f7;  /* 옅은 구분선 · 페이지 배경 */
  --paper:     #ffffff;  /* 카드/시트 배경 */

  /* ---------- Atoms · 타이포그래피 ----------
     헤드라인: Paperlogy / 본문·UI: Pretendard */
  --font-head: "Paperlogy", "Pretendard", sans-serif;
  --font-body: "Pretendard", "Pretendard Variable", -apple-system,
               BlinkMacSystemFont, "SF Pro", "Helvetica Neue",
               "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-mono: "SF Mono", ui-monospace, Menlo, monospace; /* HEX/코드 표기 */

  /* 타이포 위계 (brand-guide-final.html 사용값 기준) */
  --text-h1: 40px;      /* 페이지 타이틀 · Paperlogy 800 · ls -.02em */
  --text-h2: 24px;      /* 섹션 타이틀 · Paperlogy 800 · ls -.01em */
  --text-h3: 19px;      /* 폼/블록 타이틀 · Paperlogy 800 */
  --text-h4: 16px;      /* 카드 타이틀 · Paperlogy 800 */
  --text-body: 14px;    /* 본문/버튼 · Pretendard */
  --text-sub: 13.5px;   /* 인풋/메뉴/컨트롤 레이블 */
  --text-caption: 12.5px; /* 캡션/헬퍼 상단 */
  --text-helper: 11.5px;  /* 헬퍼/뱃지 텍스트 */
  --weight-head: 800;   /* 헤드라인 */
  --weight-bold: 700;
  --weight-semibold: 600;

  /* ---------- Atoms · 스페이싱 (8pt 그리드) ---------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 56px;   /* 섹션 간격 */
  --space-9: 80px;   /* 시트 상단 패딩 */

  /* ---------- Atoms · 라디우스 ---------- */
  --radius:     14px;   /* 카드/배너 기본 */
  --radius-md:  12px;   /* 네비/리스트 */
  --radius-sm:  10px;   /* 버튼/인풋/셀렉트 */
  --radius-xs:  6px;    /* 체크박스/스와치 */
  --radius-full: 999px; /* pill 뱃지/라디오 */

  /* ---------- Atoms · 섀도 (subtle only) ---------- */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.05);
  --shadow-md: 0 1px 2px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.05);
  --shadow-lg: 0 4px 8px rgba(0,0,0,.05), 0 12px 32px rgba(0,0,0,.08);

  /* ---------- 포커스 링 ---------- */
  --focus-ring:       0 0 0 3px var(--primary-soft); /* 인풋 focus */
  --focus-ring-error: 0 0 0 3px var(--error-soft);   /* 인풋 error */
}