/* ============================================================================
   CNEsports · 디자인 토큰
   ----------------------------------------------------------------------------
   기존 hud/styles.py 의 :root 블록에서 "값"만 그대로 가져왔다. 색·크기·간격은
   한 톤도 바꾸지 않는다 - 지금 팀원들이 익숙한 화면 그대로여야 하기 때문.

   가져오지 '않은' 것: Streamlit DOM을 겨냥한 규칙들
   ([data-testid="stColumn"], .st-key-* 특이도 반복, nth-child 보정 등).
   그건 Streamlit이 만든 마크업을 되돌리려는 코드였고, 우리가 마크업을 직접
   쓰는 순간 존재 이유가 사라진다. styles.py 1,803줄 중 실제로 필요한 건
   이 토큰들과 몇 개의 컴포넌트 규칙뿐이다.
   ========================================================================== */

:root {
  /* ── 배경 3단계 + 승격 표면 ── */
  --bg-base: #10161D;
  --bg-surface: #141B24;
  --bg-input: #1E2732;
  --bg-elevated: #1B2532;
  --surface-2: #232D3A;

  /* ── 테두리 ── */
  --border-line: #232D38;
  --border-strong: #313D4B;
  --border-hairline: #1B242E;

  /* ── 강조 ── */
  --accent: #0086F1;
  --accent-hover: #0072cf;
  --accent-soft: rgba(0, 134, 241, 0.12);
  --accent-tint: #7CC0F5;
  --accent-link: #4DA9F5;

  /* ── 상태 ── */
  --success: #22c55e;
  --danger: #ef4444;
  --warning: #eab308;
  --win-light: #4ADE80;
  --loss-light: #F87171;
  --streak-red: #e24b4a;

  /* ── 텍스트 3단계 ── */
  --text-primary: #F4F8FC;
  --text-secondary: #CBD6E0;
  --text-muted: #9BA8B5;

  /* ── 타이포 스케일 ──
     🌟 [v2026.5.37.0 이식] 마이크로 라벨 하한선 9px. 기존 앱에서 6~8.5px이던
     것들을 9/9.5px로 올린 결과를 그대로 반영한다. */
  --fs-micro: 9px;
  --fs-2xs: 9.5px;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-base: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 24px;

  /* 🚨 [디자인 대조] 페이지 배경은 --bg-base 가 아니라 이 값이다.
     기존 앱은 styles.py 팔레트를 app.py 에서 통째로 덮어쓰고 있었는데, 나는 덮어쓰기
     '전' 값을 가져왔다. 그래서 배경·표면·테두리·보조텍스트 톤이 전부 한 단계씩 밝고
     회색빛이었다. 아래 값들이 실제로 팀원들이 보던 화면이다.
     (--bg-base 는 인셋 박스용으로 그대로 두고, 페이지 배경만 따로 둔다) */
  --bg-page: #0C1115;

  --radius-sharp: 2px;
  --radius-soft: 3px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  --dur-snap: 0.06s;
  --dur-fast: 0.1s;
  --dur-base: 0.12s;

  --font-display: 'Archivo', 'Pretendard Variable', 'Pretendard', -apple-system, sans-serif;
  --font-body: 'Inter', 'Pretendard Variable', 'Pretendard', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Pretendard Variable', 'Pretendard', ui-monospace, monospace;

  --sidebar-w: 250px;
  --header-h: 46px;
}

/* ── 티어 색 (hud/constants.py 의 TIER_COLORS / TIER_COLORS_LIGHT 와 동일) ──
   파이썬 쪽에서도 같은 값을 쓰므로, 한쪽만 바꾸면 어긋난다. 둘 다 고쳐야 한다. */
:root {
  --tier-iron: #6E6E6E;        --tier-iron-l: #B8B8B8;
  --tier-bronze: #8C6339;      --tier-bronze-l: #D2A876;
  --tier-silver: #7C8A96;      --tier-silver-l: #D6E0E8;
  --tier-gold: #B8811A;        --tier-gold-l: #FFD873;
  --tier-platinum: #1D8B8C;    --tier-platinum-l: #7FE0DF;
  --tier-diamond: #8B5FC9;     --tier-diamond-l: #D9BFFF;
  --tier-ascendant: #1F9A50;   --tier-ascendant-l: #7FEBA0;
  --tier-immortal: #8C1F2E;    --tier-immortal-l: #F04B5C;
  --tier-radiant: #C9A93A;     --tier-radiant-l: #E8C750;
}