/* TanQuant 라이트 토큰(--tql-*) 단독 배포본 — 공용 모듈(asset-picker·quant-metrics·turtle-multi·community)
   이 파일은 --tq-* 다크 팔레트를 건드리지 않는다. 라이트 전환이 끝나지 않은 페이지에서도
   모듈 표현 계층이 토큰을 찾을 수 있게 하는 것이 목적이다. tq-light.css 를 이미 부르는 페이지는 필요 없다. */
:root{--tql-warn:#B45309;--tql-warn-weak:#FFF6E5;
  /* 다크 리플레이 표면 위 UI(복수 종목 세그먼트 등) — 모듈 다크 차트 영역 전용 */
  --tql-rp-accent:#e8b339; --tql-rp-on-accent:#11151d; --tql-rp-ink:#c3c7d1; --tql-rp-line:rgba(255,255,255,.22);}
:root{
/* 행동 — 화면에 강조는 하나뿐 */
  --tql-action:#0064FF;
  --tql-action-press:#0050CC;
  --tql-action-weak:#E8F0FF;

  /* 표면 */
  --tql-bg:#F5F6F8;          /* 페이지 바탕 */
  --tql-bg-deep:#EDEFF2;     /* 데스크톱 여백 */
  --tql-card:#FFFFFF;        /* 카드 */
  --tql-card-sub:#F5F6F8;    /* 카드 안 한 겹 */
  --tql-invert:#191F28;      /* 반전 블록(다음 단계 안내) */

  /* 글자 */
  --tql-ink:#191F28;         /* 본문·제목 */
  --tql-ink-2:#4E5968;       /* 설명 본문 */
  --tql-ink-sub:#6B7684;     /* 보조 */
  --tql-ink-faint:#8B95A1;   /* 라벨·각주 */

  /* 선 */
  --tql-line:#F0F1F3;        /* 카드 안 구분선 */
  --tql-line-2:#E4E7EB;      /* 입력칸·테두리 */
  --tql-line-3:#EAECEF;      /* 눌린 면·토글 트랙 */
  --tql-arrow:#C3C8D0;       /* 목록 화살표 */
  --tql-white:#FFFFFF;
  --tql-ink-on-invert:#A5ADBA;/* 반전 블록 안 보조 글자 */
  --tql-bolt:#f7c948;        /* ★브랜드 번개 — bottomnav.js 의 실제 마크와 같은 색 */
  --tql-hh:#C77700;          /* HH 채널 — turtle_backtest 의 주황 계열을 라이트로 */
  --tql-ll:#6B4EDB;          /* LL 채널 — 같은 화면의 보라 계열 */
  --tql-disabled:#D5D9DF;

  /* 손익 (의미 고정) */
  --tql-up:#0F9D63;
  --tql-down:#C8323F;
  --tql-down-weak:#FBE9EA;
  --tql-up-weak:#E6F6EE;     /* 상승 옅은 배경 — down-weak 와 같은 밝기 관계 */

  /* 글꼴 */
  --tql-font:'Pretendard',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --tql-mono:ui-monospace,'SF Mono','Roboto Mono',Consolas,monospace;

  /* 타입 — 본문 하한 15px · 입력 16px 고정 */
  --tql-fs-h1:29px;
  --tql-fs-h2:25px;
  --tql-fs-num:34px;
  --tql-fs-lead:19px;
  --tql-fs-lg:17px;
  --tql-fs-body:16px;
  --tql-fs-md:15px;          /* 본문 하한 */
  --tql-fs-sm:13.5px;
  --tql-fs-xs:12.5px;        /* 각주 하한 */
  --tql-fs-input:16px;       /* ★모바일 자동 확대 방지 */

  /* 간격 · 모서리 */
  --tql-gut:20px;            /* 좌우 여백 */
  --tql-r:16px;              /* 카드 */
  --tql-r-sm:12px;
  --tql-r-pill:999px;

  /* 규격 */
  --tql-cta:56px;            /* 주요 버튼 높이 */
  --tql-touch:44px;          /* 터치 최소 */
  --tql-col:430px;           /* 모바일 열 최대 폭 */
}

/* ★차트 계열색 — 흰 배경에서 읽히는 값으로 재정의한다(다크 원본은 밝은 네온이라 흰 배경에서 사라진다).
   모듈(quant-metrics·turtle-multi)의 tok() 이 :root 에서 읽으므로 반드시 :root 에 둔다. */
:root{
  --tq-text:#191F28;
  --tq-chart-grid:#E5E7EB;
  --tq-lev-1:#1F6FEB;--tq-lev-half:#0F8A4F;--tq-lev-cur:#6B4EDB;
  --tq-lev-peak:#A9700B;--tq-lev-over:#C2410C;--tq-lev-dead:#D93B4A;
  --tq-cmp-1:#1F6FEB;--tq-cmp-2:#0F8A4F;--tq-cmp-3:#6B4EDB;--tq-cmp-4:#A9700B;--tq-cmp-5:#C2410C;
  --tq-crisis:#B26B00;
}

/* ★커뮤니티·법무·전략상세 계열(--tq-*-alt) 라이트 통일 — 2026-08-20 v5.2 P1.
   community.html / community_post.html / community_write.html / strategy_detail.html 는
   이미 :root 에서 --tq-*-alt 를 참조하고 있었다. 그래서 페이지 CSS를 덮어쓰지 않고
   토큰 값만 라이트로 바꾼다. 다크 원본(design-tokens.css)은 건드리지 않는다. */
:root{
  --tq-bg-alt:#F5F6F8;
  --tq-surface-alt:#FFFFFF;
  --tq-surface-alt-2:#F5F6F8;
  --tq-text-alt:#191F28;
  --tq-text-mut-alt:#6B7684;
  --tq-text-faint-alt:#8B95A1;
  --tq-border-2:#D5D9DF;
  --tq-text-faint:#8B95A1;
  --tq-surface-2:#F5F6F8;
  --tq-pos:#0F9D63;
  --tq-neg:#C8323F;
  --tq-accent-2:#0050CC;
  --tq-accent-deep:#E8F0FF;
  --tq-accent-glow:rgba(0,100,255,.18);
  --tq-accent-glow-2:rgba(0,100,255,.24);
}

/* ★언어 선택기 라이트 — 흰 배경에 다크 알약이 뜨던 문제(390px 실측)를 토큰에서 끝낸다.
   i18n.js 는 --tq-lang-* 를 읽기만 하므로 모듈을 다시 고칠 필요가 없다. */
:root{
  --tq-lang-bg:rgba(255,255,255,.96);
  --tq-lang-ink:#191F28;
  --tq-lang-item:#191F28;
  --tq-lang-mut:#8B95A1;
  --tq-lang-line:#D5D9DF;
  --tq-lang-line-2:#E5E8EB;
  --tq-lang-pop:#FFFFFF;
  --tq-lang-hover:#F2F4F6;
  --tq-lang-shadow:rgba(25,31,40,.10);
  --tq-lang-pop-shadow:rgba(25,31,40,.14);
}

/* ★랜딩 2종·텔레그램 시뮬레이터 2종 라이트화(2026-08-20 v5.2 P0 후속, 사장님 결정)에 필요한 계열.
   네 페이지 모두 자기 :root 에서 이 토큰들을 참조하고 있어 값만 라이트로 주면 따라온다. */
:root{
  --tq-bg:#F5F6F8;
  --tq-ctv-accent:#0F9D63;
  --tq-ctv-surface:#FFFFFF;
  --tq-ctv-text:#191F28;
  --tq-ctv-text-mut:#6B7684;
  --tq-ctv-text-mut-2:#8B95A1;
}

/* ★2026-08-20: 통합 리플레이의 구버전 다크 토큰(--tql-rp-*) 은퇴.
   원래 값은 금색 알약 + 흰 반투명 테두리 + 연회색 글자로, 흰 배경에서는 테두리와 글자가 사라진다.
   세그먼트 버튼은 start.html 원본에서 라이트 토큰을 직접 쓰도록 고쳤고, 이 값들은
   혹시 남아 있는 참조가 검게 뜨지 않도록 라이트로 재정의만 해 둔다. 새로 쓰지 마라. */
:root{
  --tql-rp-accent:#0064FF;
  --tql-rp-on-accent:#FFFFFF;
  --tql-rp-ink:#191F28;
  --tql-rp-line:#D5D9DF;
}