/*
 * 사주풀이 CSS 변수 — docs/DESIGN.md 기준
 * TODO: 아래 @import를 /public/fonts/ 로컬 파일로 교체 (docs/DESIGN.md 참고)
 */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700&family=Noto+Sans+KR:wght@400;500;700&display=swap');

:root {
  /* ---- 주요 색상 ---- */
  --color-primary:        #4A2C6E;
  --color-primary-light:  #6B4E9B;
  --color-primary-dark:   #2E1A47;

  /* ---- 포인트 색상 ---- */
  --color-accent:         #C8962A;
  --color-accent-light:   #E8B84B;

  /* ---- 배경 ---- */
  --color-bg:             #FAF8F5;
  --color-bg-card:        #FFFFFF;
  --color-bg-dark:        #1C1028;

  /* ---- 텍스트 ---- */
  --color-text-primary:   #2C2C2C;
  --color-text-secondary: #666666;
  --color-text-muted:     #999999;
  --color-text-on-dark:   #F0EDE8;

  /* ---- 상태 ---- */
  --color-success:        #2E7D52;
  --color-error:          #C0392B;
  --color-warning:        #E67E22;

  /* ---- 운세 점수 ---- */
  --color-score-high:     #C8962A;   /* 80점 이상 */
  --color-score-mid:      #4A7C9E;   /* 50-79점   */
  --color-score-low:      #888888;   /* 49점 이하 */

  /* ---- 오행 ---- */
  --color-element-wood:   #4A7C3F;
  --color-element-fire:   #C0392B;
  --color-element-earth:  #C8962A;
  --color-element-metal:  #7F8C8D;
  --color-element-water:  #2980B9;

  /* ---- 폰트 ---- */
  --font-serif: 'Nanum Myeongjo', 'Georgia', serif;
  --font-sans:  'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;

  /* ---- 폰트 크기 (최솟값 15px) ---- */
  --text-xs:   15px;   /* 주석·보조 텍스트 전용 — 절대 최솟값 */
  --text-sm:   16px;
  --text-base: 17px;
  --text-md:   19px;
  --text-lg:   22px;
  --text-xl:   26px;
  --text-2xl:  32px;
  --text-3xl:  40px;

  /* ---- 행간 ---- */
  --leading-tight:  1.4;
  --leading-normal: 1.7;
  --leading-loose:  2.0;

  /* ---- 레이아웃 ---- */
  --max-width:     960px;
  --radius-sm:     4px;
  --radius-md:     8px;
  --shadow-card:   0 2px 16px rgba(74, 44, 110, .10);
  --shadow-card-hover: 0 4px 24px rgba(74, 44, 110, .18);

  /* ---- 간격 ---- */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   40px;
  --space-xxl:  64px;

  /* ---- 텍스트 별칭 ---- */
  --color-text: var(--color-text-primary);

  /* ---- 행간 추가 ---- */
  --leading-relaxed: 1.85;
}