/* ========================================
   농수산식품가격정보 - CSS 변수 시스템
   ======================================== */

:root {
  /* 배경 */
  --bg-primary:       #ffffff;
  --bg-secondary:     #f4f6f5;
  --bg-tertiary:      #eef2f0;

  /* 텍스트 */
  --text-primary:     #2c3e50;
  --text-secondary:   #666;
  --text-muted:       #999;

  /* 액센트 - 틸/청록 */
  --accent-primary:   #005b53;
  --accent-light:     #4dd9c0;
  --accent-hover:     #004d47;
  --accent-bg:        #f0faf8;
  --accent-bg-deep:   #e0f2ef;

  /* 가격 등락 */
  --color-up:         #d32f2f;
  --color-up-bg:      #ffeaea;
  --color-down:       #1565c0;
  --color-down-bg:    #e3f2fd;
  --color-steady:     #999;
  --color-steady-bg:  #f5f5f5;

  /* 부류별 색상 */
  --color-grain:      #8d6e63;
  --color-vegetable:  #43a047;
  --color-special:    #ff8f00;
  --color-fruit:      #e53935;
  --color-livestock:  #6d4c41;
  --color-seafood:    #1565c0;

  /* 보더/구분선 */
  --border-color:     #e0ece9;
  --border-light:     #eef2f0;

  /* 그림자 */
  --shadow-sm:  0 1px 4px rgba(0,0,0,0.05);
  --shadow-md:  0 2px 8px rgba(0,91,83,0.1);
  --shadow-lg:  0 4px 16px rgba(0,91,83,0.12);

  /* 라운드 */
  --radius-sm:  6px;
  --radius-md:  8px;
  --radius-lg:  10px;

  /* 폰트 */
  --font-family: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:   'Consolas', 'Courier New', monospace;

  /* 레이아웃 */
  --max-width:    1200px;
  --header-height: 56px;
}

/* 다크 모드 */
[data-theme="dark"] {
  --bg-primary:       #111816;
  --bg-secondary:     #1a2420;
  --bg-tertiary:      #22302a;

  --text-primary:     #e0ede0;
  --text-secondary:   #a8bca8;
  --text-muted:       #6a7e6a;

  --accent-primary:   #4dd9c0;
  --accent-light:     #4dd9c0;
  --accent-hover:     #66e6d0;
  --accent-bg:        rgba(77,217,192,0.08);
  --accent-bg-deep:   rgba(77,217,192,0.12);

  --color-up:         #ef5350;
  --color-up-bg:      rgba(239,83,80,0.12);
  --color-down:       #42a5f5;
  --color-down-bg:    rgba(66,165,245,0.12);
  --color-steady:     #777;
  --color-steady-bg:  rgba(255,255,255,0.05);

  --border-color:     #2a3a2e;
  --border-light:     #1e2e22;

  --shadow-sm:  0 1px 3px rgba(0,0,0,0.3);
  --shadow-md:  0 2px 8px rgba(0,0,0,0.4);
  --shadow-lg:  0 4px 16px rgba(0,0,0,0.5);
}