/* [T2206] 브랜드 색 교체: 새 로고 색(2E8B57 · 46A062 · B9E4C9 · 3A9FD9 · 15201A · F5F8F6)으로 라임·네이비를 바꿨다. 아래 옛 설명의 색 이름은 옛 시안 기록.
   ===========================================================================
   시안 A · 「야간 경기장」 — 현 다크 네이비 + 라임을 세련화
   ---------------------------------------------------------------------------
   현 화면(ChatGPT 판)에서 그대로 가져온 것 : 바탕 #0B1421 / #152437, 라임 #C7F36B
   고친 것(4가지)
     1) 라임을 **큰 제목에 쓰지 않는다.** 버튼·배지·밑줄·활성 표시에만 쓴다(면적 5% 이하)
     2) 글자 크기 단계를 넓혀 위계를 만든다 (제목 54 / 소제목 26 / 본문 16 / 라벨 14)
     3) 여백을 키운다 (구역 사이 64→96px · 카드 안쪽 20→24px)
     4) 면을 3단(바탕·카드·눌린 면)으로 나누고 테두리는 1px 실선만 — 네온 그림자 없음
   =========================================================================== */
:root {
  /* 바탕과 면 */
  --color-bg:        #15201a;
  --color-surface:   #1b2a22;
  --color-surface-2: #22352a;
  --color-line:      #2f4639;
  --color-line-soft: #213328;
  --color-input:     #18261e;

  /* 글 */
  --color-text:      #f5f8f6;
  --color-text-mute: #b4c5ba;
  --color-text-weak: #8ca195;
  --color-text-on-accent: #15201a;

  /* 브랜드 — 로고 초록 */
  --color-accent:       #46a062;   /* 로고 밝은 초록 — 어두운 바탕 위 글자·단추 바탕 둘 다 4.5 대 1 이상 */
  --color-accent-hover: #5ab377;
  --color-accent-soft:  #18291f;   /* 로고 주색 2E8B57 을 바탕에 약 10% 섞은 면 — 밝은 초록 글자가 4.5 대 1 이상 */
  --color-accent-ink:   #b9e4c9;   /* 강조색 글자 — 로고 어두운 바탕용 연초록 */

  /* 상태 */
  --color-ok:     #86dca6;  --color-ok-soft:     #132a1f;
  --color-info:   #3a9fd9;  --color-info-soft:   #1c3940;
  --color-warn:   #f4c76a;  --color-warn-soft:   #2c2415;
  --color-danger: #ff8f7e;  --color-danger-soft: #2f1d1a;

  /* 차트 두 번째 색(상대 팀) — 라임과 색맹에서도 갈린다 */
  --color-chart-2: #6e90ae;

  /* 글꼴 */
  --font-body: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
               "Noto Sans KR", system-ui, sans-serif;
  --font-num:  ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  /* 글자 크기 — 하한 14px */
  --text-xs: 14px;  --text-sm: 15px;  --text-base: 16px;  --text-lg: 18px;
  --text-xl: 21px;  --text-2xl: 26px;
  --text-3xl: clamp(28px, 4.6vw, 36px);
  --text-4xl: clamp(32px, 6vw, 54px);
  --leading-tight: 1.18;  --leading-body: 1.7;
  --weight-normal: 400;   --weight-medium: 600;  --weight-bold: 800;
  --tracking-head: -.035em;

  /* 간격 */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px;  --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px;  --space-10: 40px;
  --space-12: 48px; --space-16: 64px; --space-20: 96px;

  /* 모서리 · 그림자 */
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-btn: 12px; --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.35);
  --shadow-md: 0 10px 30px rgba(0,0,0,.45);

  /* 레이아웃 */
  --layout-max: 1120px; --layout-narrow: 760px; --layout-gutter: 16px;
  --layout-header: 60px; --layout-tabbar: 64px; --tap-min: 44px;
  --z-header: 50; --z-sheet: 80; --z-toast: 90;

  /* 그림(사진 자리) 색 */
  --그림-하늘: #091320;  --그림-잔디: #102a23;  --그림-잔디2: #0c2019;
  --그림-줄: #ffffff;    --그림-선: #9ab9cc;    --그림-빛: #c7f36b;
  --그림-2d바탕: #0e1b29; --그림-공: #ffffff;

  /* 「예시」 무늬 */
  --예시-진하기: .075;
}