/**
 * 10-K 애널리틱스 — 디자인 토큰
 * 다크 금융 터미널 테마
 */

:root {
    /* 배경 — 차콜 회색 톤 (분석·금융 무드 유지, 깊은 검정 X) */
    --bg-primary: #1F2027;
    --bg-card: #2A2D34;
    --bg-elevated: #353941;
    --bg-hover: #3F444C;

    /* 색상 — 2026-04 브랜드 전환: 도서 표지 은박(silver foil) 에 맞춰 gold → silver */
    --accent: #C8D0DA;                          /* 은빛 포인트 (구 #D4A843 gold) */
    --accent-rgb: 200, 208, 218;                /* 은빛 RGB — rgba(var(--accent-rgb), α) 로 임의 투명도 (하드코딩 방지) */
    --accent-dim: rgba(var(--accent-rgb), 0.15);/* 투명 은빛 배경 */
    --accent-hover: #E2E8F0;                    /* 밝은 은빛 hover */
    --accent-muted: #8B95A3;                    /* 어두운 은빛 (서브 포인트) */
    --blue: #58A6FF;
    --blue-dim: rgba(88, 166, 255, 0.15);
    --green: #3FB950;
    --red: #F85149;
    --orange: #D29922;                          /* 유지: 관리자 UI 의 10-K 분석 버튼 구분용 */

    /* 과거 gold 잔재 참조용 — 필요 시 사용 (현재는 silver 우선) */
    --legacy-gold: #D4A843;

    /* 텍스트 */
    --text-primary: #E6EDF3;
    --text-secondary: #8B949E;
    --text-tertiary: #6E7681;
    --text-inverse: #1F2027;

    /* 보더 */
    --border: #3D434C;
    --border-light: #2F3540;
    --border-accent: rgba(200, 208, 218, 0.4); /* silver border */

    /* 간격 */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;

    /* 타이포그래피 — 뉴스/블로그 표준으로 상향 (2026-04 리팩토링)
       html base 가 16→18px 로 반응형 스케일. 아래 값들도 절대 크기 증가.
       PC(18px base) 환산: md=18px, lg=20.25px, xl=24.75px, 2xl=31.5px */
    --fs-xs: 0.8125rem;          /* 13~14.6px — meta/caption */
    --fs-sm: 0.9375rem;          /* 15~16.9px — secondary */
    --fs-md: 1rem;               /* 16~18px — 본문 기본 */
    --fs-lg: 1.125rem;           /* 18~20.25px — 강조 본문 */
    --fs-xl: 1.375rem;           /* 22~24.75px — h3 섹션 */
    --fs-2xl: 1.75rem;           /* 28~31.5px — h2 대제목 */
    --fs-3xl: 2.25rem;           /* 36~40.5px — h1 hero */
    --lh-tight: 1.35;
    --lh-normal: 1.7;             /* 본문 — 뉴스 표준 */
    --lh-relaxed: 1.85;

    /* 반지름 */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;

    /* 그림자 */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);

    /* 레이아웃 */
    --content-width: 1100px;
    --content-width-wide: 1400px;
    --header-height: 56px;

    /* 트랜지션 */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
}