/* KOV tokens.css — 디자인 토큰 한 곳. M0 시안(round01~14)에서 확정.
   🚨 여기 값이 진실이다. 화면 CSS(app.css)는 이 변수만 쓰고, 봇 임베드 "안내" 색은 --accent 와 같은 값(0xFF4155)을 쓴다. */
:root{
  /* 색 — 네 가지: 빨강 · 파랑 · 라벤더 · 검정 */
  --accent:#FF4155;        /* 빨강 — 강조 · 출석 · 교환 · 팀 B. 디스코드 임베드 안내색과 같은 값 */
  --blue:#4C8DFF;          /* 파랑 — 팀 A · 정보 · 살 수 있음 */
  --lav:#B9A8FF;           /* 라벤더 — 3위 · 준비 중 · 티어 T3·4 */
  --accent-deep:#7A1A28;   /* 빨강의 어두운 끝(아바타 · 채움 그라디언트) */
  --live:#FF9AA5;          /* LIVE 글자 */
  --team-a:var(--blue);
  --team-b:var(--accent);

  /* 바탕 3단계 + 유리 */
  --bg-0:#07080D;          /* 바닥 */
  --bg-1:#0B0D18;          /* 패널 · 티커 · 전광판 타일 */
  --bg-2:#0E1019;          /* 시트 · 모달 */
  --bg-side:#090A11;       /* 사이드바 */
  --glass:rgba(14,16,26,.72);
  --line:rgba(255,255,255,.12);
  --line-2:rgba(255,255,255,.18);
  --fill:rgba(255,255,255,.05);
  --fill-2:rgba(255,255,255,.08);

  /* 글자 3단계 — 보조 글자도 AA(4.5:1) 이상 */
  --text-0:#F6F7FB;
  --text-1:#C6CBD8;
  --text-2:#98A0B3;
  --ink-on-accent:#1A0407;  /* 빨간 면 위 글자 */
  --ink-on-blue:#04122B;
  --ink-on-lav:#150B33;
  --ink-on-white:#07080D;
  --ink-on-white-2:#4A4E5C;

  /* 색 위 옅은 글자(칩·수치) */
  --accent-soft:#FFB3BB; --accent-softer:#FFD9DE;
  --blue-soft:#BFD4FF;   --blue-softer:#DCE8FF;
  --lav-soft:#DED6FF;

  /* 글꼴 — Pretendard(본문) · Saira Condensed(전시) · Unbounded(워터마크) · JetBrains Mono(숫자) */
  --font-body:Pretendard,system-ui,-apple-system,sans-serif;
  --font-disp:'Saira Condensed',Pretendard,sans-serif;
  --font-wide:Unbounded,Pretendard,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;

  /* 글자 크기 — 하한 12px(마이크로 라벨) · 본문 15 · 보조 13~14 */
  --fs-micro:12px; --fs-small:13px; --fs-sub:14px; --fs-body:15px; --fs-h3:17px; --fs-h2:20px;
  --fs-num:44px; --fs-hero:52px; --fs-huge:128px;

  /* 모서리 — 하한 10px */
  --r-sm:10px; --r-md:12px; --r-lg:16px; --r-xl:20px;

  /* 간격 · 높이 */
  --gap:14px; --gap-lg:16px; --pad-card:20px; --pad-page:28px; --pad-phone:16px;
  --h-btn:52px; --h-btn-sm:38px; --h-btn-big:58px; --h-tap:40px;  /* 터치 타깃 ≥ 40 */
  --w-side:240px; --h-dock:78px;

  /* 그림자 · 후광 */
  --glow-accent:0 10px 30px rgba(255,65,85,.28);
  --glow-blue:0 10px 30px rgba(76,141,255,.28);
  --glow-lav:0 10px 30px rgba(185,168,255,.25);
  --ring-accent:0 0 0 3px rgba(255,65,85,.22);
  --ring-blue:0 0 0 3px rgba(76,141,255,.16);

  /* 움직임 — 한 번만. 반복 없음. */
  --ease:cubic-bezier(.2,.8,.2,1); --dur:.8s;
}
/* 라이트는 선택 — M0 에서는 다크만. 값이 정해지면 여기서만 바꾼다. */