/* Design Tokens — 컴팩트 다크 테마
 * Phase 1 A-5: base.html 인라인 :root 블록 외부화.
 * 컴포넌트 CSS는 base.html 인라인 유지 (별도 세션에서 추가 분리 예정).
 */

:root {
    --bg-page: #0a0a0a;
    --bg-surface: #111111;
    --bg-surface-hover: #181818;
    --bg-nav: #0d0d0d;
    --border-color: rgba(255, 255, 255, 0.06);

    --text-primary: #f5f5f7;
    --text-secondary: #a1a1aa;
    --text-tertiary: #71717a;
    --text-muted: #6b7280;

    --accent-blue: #3b82f6;
    --accent-cyan: #06b6d4;
    --accent-green: #22c55e;
    --accent-red: #ef4444;
    --accent-yellow: #eab308;
    --accent-purple: #a855f7;

    /* 레거시 호환성 변수 */
    --accent-primary: var(--accent-blue);
    --accent-secondary: var(--accent-cyan);
    --glass-bg: rgba(17, 17, 17, 0.8);
    --glass-border: rgba(255, 255, 255, 0.08);

    /* 추가 호환성 변수 - my-stocks 페이지용 */
    --surface-elevated: var(--bg-surface);
    --surface-base: var(--bg-page);
    --surface-hover: var(--bg-surface-hover);
    --border-subtle: var(--border-color);

    --nav-height: 48px;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
}