/* 디자인 토큰 — 라이트/다크 이중 테마. 모든 색/폰트/반경은 이 파일에서만 정의한다. */

:root {
  /* 폰트 */
  --font-ui: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, monospace;

  /* 반경 */
  --radius-card: 16px;
  --radius-md: 10px;
  --radius-sm: 8px;

  /* 라이트 (Fintech Light) */
  --c-bg: #f8fafc;
  --c-panel: #ffffff;
  --c-panel2: #f1f5f9;
  --c-panel3: #e9eef5;
  --c-border: #e2e8f0;
  --c-border2: #cbd5e1;
  --c-text: #1e293b;
  --c-text-secondary: #64748b;
  --c-text-muted: #94a3b8;
  --c-accent: #6366f1;
  --c-accent-strong: #4f46e5;
  --c-accent-text: #ffffff;
  --c-accent-soft: rgba(99, 102, 241, .08);
  --c-pos: #059669;
  --c-neg: #dc2626;
  --c-warn: #d97706;
  --c-pos-bg: #d1fae5;
  --c-neg-bg: #fee2e2;
  --c-warn-bg: #fef3c7;
  --c-neu-bg: #f1f5f9;
  --c-hover: rgba(99, 102, 241, .06);
  --c-input: #ffffff;
  --c-btn: #f1f5f9;
  --c-overlay: rgba(15, 23, 42, .45);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, .06);
  --shadow-lg: 0 8px 24px rgba(99, 102, 241, .12);
  --shadow-panel: 0 1px 3px rgba(0, 0, 0, .04);
  --color-scheme: light;

  /* 레거시 변수 호환 매핑 (기존 페이지 CSS가 참조하는 이름) */
  --color-primary: var(--c-accent);
  --color-primary-dark: var(--c-accent-strong);
  --color-secondary: var(--c-accent);
  --color-secondary-dark: var(--c-accent-strong);
  --color-text-primary: var(--c-text);
  --color-text-secondary: var(--c-text-secondary);
  --color-text-muted: var(--c-text-muted);
  --color-bg-primary: var(--c-panel);
  --color-bg-secondary: var(--c-bg);
  --color-bg-tertiary: var(--c-panel2);
  --color-border: var(--c-border);
  --color-border-dark: var(--c-border2);
  --color-positive: var(--c-pos);
  --color-negative: var(--c-neg);
}

/* 다크 (인디고 톤 — 라이트와 동일 기하 구조) */
[data-theme="dark"] {
  --c-bg: #0b0f1a;
  --c-panel: #131a2a;
  --c-panel2: #1a2338;
  --c-panel3: #222d47;
  --c-border: #263145;
  --c-border2: #34405c;
  --c-text: #e2e8f0;
  --c-text-secondary: #94a3b8;
  --c-text-muted: #64748b;
  --c-accent: #818cf8;
  --c-accent-strong: #a5b4fc;
  --c-accent-text: #0b0f1a;
  --c-accent-soft: rgba(129, 140, 248, .12);
  --c-pos: #34d399;
  --c-neg: #f87171;
  --c-warn: #fbbf24;
  --c-pos-bg: rgba(52, 211, 153, .14);
  --c-neg-bg: rgba(248, 113, 113, .14);
  --c-warn-bg: rgba(251, 191, 36, .14);
  --c-neu-bg: rgba(148, 163, 184, .12);
  --c-hover: rgba(129, 140, 248, .08);
  --c-input: #0e1424;
  --c-btn: #1a2338;
  --c-overlay: rgba(0, 0, 0, .55);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, .35);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);
  --shadow-panel: 0 1px 3px rgba(0, 0, 0, .25);
  --color-scheme: dark;
}