/* =============================================================
   theme.css — 컬러 팔레트 (OLED 배터리 친화 딥 블랙)
   - 한국 주식 컬러 컨벤션:
     · 매수/상승 = 빨강 (#ef4444)
     · 매도/하락 = 파랑 (#3b82f6)
   - 미국식과 반대이므로 주의!
   ============================================================= */

:root {
  /* 배경 — OLED 딥 블랙 */
  --bg: #000000;
  --surface: #0a0a0a;
  --surface-2: #141414;
  --surface-3: #1f1f1f;

  /* 테두리 / 구분선 */
  --border: #2a2a2a;
  --border-soft: #1a1a1a;

  /* 텍스트 */
  --text: #f5f5f5;
  --text-muted: #888888;
  --text-faded: #555555;

  /* 액센트 (앱 메인 컬러 — 차분한 골드 계열) */
  --accent: #d4af37;
  --accent-dim: #a08828;

  /* 한국식 거래 컬러 */
  --buy: #ef4444;       /* 매수 = 빨강 */
  --sell: #3b82f6;      /* 매도 = 파랑 */
  --pos: #ef4444;       /* 수익 = 빨강 (한국 컨벤션) */
  --neg: #3b82f6;       /* 손실 = 파랑 */

  /* 상태 */
  --warn: #f59e0b;
  --danger: #dc2626;

  /* 그림자 / 효과 */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.5);

  /* 사이즈 / 라운드 */
  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 16px;

  /* 헤더 / 네비 높이 */
  --header-h: 56px;
  --nav-h: 60px;
}

body {
  background: var(--bg);
  color: var(--text);
}

/* 스크롤 영역의 미세한 안쪽 그림자(OLED에서도 깊이감) */
.app-main {
  background: var(--bg);
}