:root {
  /* ── 1. 고객사 브랜드 & 시맨틱 컬러 토큰 (신규 고객사 작업 시 여기만 변경) ── */
  --gsifn-brand: #1428a0;
  --gsifn-black: #111111;
  --gsifn-white: #ffffff;
  --gsifn-dark-white: #f7f8fa;
  --gsifn-red: #e02020;
  --gsifn-blue: #1456c0;
  --gsifn-gray: #dcdcdc;
  --gsifn-dark-gray: #555555;
  --gsifn-muted: #767676;

  /* 보조 팔레트 (차트 시리즈 기본값과 공유) */
  --gsifn-steelblue: #8497b0;
  --gsifn-midnightblue: #001d58;
  --gsifn-teal: #28b898;
  --gsifn-yellow: #ffc000;
  --gsifn-aqua: #4f87db;
  --gsifn-focus-color: #1428a0;

  /* ── 2. 표면(Surface) & 테두리(Border) 토큰 ── */
  --gsifn-surface: var(--gsifn-white);
  --gsifn-background-color: var(--gsifn-dark-white);
  --gsifn-em-bg: #f1f3f7;
  --gsifn-border-color: var(--gsifn-gray);
  --gsifn-border: 1px solid var(--gsifn-border-color);
  --gsifn-border-highlight: 2px solid var(--gsifn-black);

  /* ── 3. 타이포그래피 & 치수 토큰 (2026 트렌드: 기본 본문·표 16px 기준) ── */
  --gsifn-font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --gsifn-font-base: 1.6rem;   /* 16px: 표·본문 기본 */
  --gsifn-font-sm: 1.4rem;     /* 14px: 기준일시·단위·보조 설명 */
  --gsifn-font-lg: 2.0rem;     /* 20px: 섹션 제목(h3) */
  --gsifn-font-xl: 2.6rem;     /* 26px: 종목명(h4) */
  --gsifn-height: 5.4rem;      /* 54px: 16px 폰트 + 상하 여백 여유를 둔 행 높이 */
  --gsifn-gap: 2.4rem;         /* 일반 컴포넌트/섹션 간격 */
  --gsifn-gap-sm: 1.2rem;      /* 헤더-본문 간격 */
  --gsifn-pad-y: 1.2rem;       /* 테이블 셀 및 컴포넌트 상하 패딩 */
  --gsifn-pad-x: 1.2rem;       /* 테이블 셀 및 컴포넌트 좌우 패딩 */

  /* ── 4. 차트 레이아웃 & 여백 토큰 (서비스 전체 차트 여백 일괄 제어 SoT) ── */
  --gsifn-chart-gap: 4.8rem;        /* 2단/3단 차트 사이 좌우 간격 */
  --gsifn-chart-row-gap: 3.2rem;    /* 다단 차트 행 간격 */
  --gsifn-chart-pad-top: 1.2rem;    /* 차트 섹션 상단 여백 (상단 요약부와의 간격) */
  --gsifn-chart-pad-bottom: 2.8rem; /* 차트 섹션 하단 여백 (하단 테이블과의 호흡) */
  --gsifn-chart-height-sm: 260px;   /* 소형/다단 차트 높이 (손익계산서 3단, 분단위 2단 등) */
  --gsifn-chart-height-md: 340px;   /* 표준 단독 차트 높이 (외국인 매매동향 등) */
  --gsifn-chart-height-lg: 360px;   /* 일봉/거래량 복합 차트 높이 */

  /* ── 5. 테이블 레이아웃 토큰 ── */
  --gsifn-fn-col1-width: 28%;       /* 재무제표 4종 항목명 컬럼 고정 너비 (일치화 SoT) */
  --gsifn-fn-col1-width-mb: 180px;  /* 모바일 sticky 고정 첫 열 너비 */

  /* ── 6. 금융 차트 마스터 컬러 시스템 토큰 (Financial Chart Master Palette SoT) ── */
  --gsifn-chart-primary: #2A3DA6;     /* 기준 종목 주가선, 분차트 라인, 재무 1선(매출액/자산) */
  --gsifn-chart-coral: #E06A3B;       /* 비교 지수(KOSPI) 및 동업종 1위 피어(SK하이닉스) */
  --gsifn-chart-violet: #7E57C2;      /* 동업종 2위 피어(한미반도체) */
  --gsifn-chart-teal: #28B898;        /* 재무 3선(순이익/자본), 동업종 3위 피어 */
  --gsifn-chart-softblue: #4F87DB;    /* 재무 2선(영업이익/부채), 외국인 순매도, 동업종 4위 피어 */
  --gsifn-chart-netbuy: #E05A47;      /* 외국인 순매수 (상승/자금유입 의미 붉은색) */
  --gsifn-chart-candle-up: #D63939;   /* 캔들스틱 양봉 (차분한 코스피 표준 버건디 레드) */
  --gsifn-chart-candle-down: #2B66CC; /* 캔들스틱 음봉 (코발트 블루) */
  --gsifn-chart-volume: #A2BDE8;      /* 캔들스틱 거래량 막대 (소프트 뮤트 블루) */
}

/* 유틸리티: 꼭 필요한 최소 오버라이드 */
.border-none { border: none !important; }
.bg-color { background-color: var(--gsifn-background-color); }
.bg-none { background-color: var(--gsifn-surface); }