/* LYDIA 디자인 토큰 v0.2 + 디자인 언어 v0.4 변수(--lyd-*) (2026-10-26 — 팔레트 A안 분할 보색, 운영자 선택 "눈이 편하고 식별이 쉬운 쪽". v0.1 원본은 palette/v0.1/)
   화면 코드에서는 색·글꼴·간격을 직접 적지 말고 이 변수만 참조한다.
   스킨 교체 = 이 파일(또는 같은 변수 이름을 가진 다른 파일)만 바꾸는 것. */

:root {
  /* 바탕 */
  --ly-night: #0b0710;        /* 페이지 바탕 */
  --ly-plane: #140f1a;        /* 상단바·안쪽 상자 */
  --ly-surface: #1e1726;      /* 카드 */
  --ly-surface-2: #2a2033;    /* 선택 상태·막대 빈 트랙·작은 배지 */
  --ly-plum: #3e1a51;         /* 앱 아이콘 바탕·선택 표시 */

  /* 브랜드 */
  --ly-orchid: #b95fe9;       /* 강조색 (로고 눈금, 링크성 포인트) */
  --ly-orchid-deep: #8e3fc4;  /* 흰 글자를 올리는 버튼 바탕 (대비 5.7:1) */
  --ly-lilac: #d6a9f1;        /* 작은 강조 글자, 플럼 위 로고 눈금 */

  /* 글자 */
  --ly-ink: #f0edf4;          /* 본문·수치 (대비 15:1) */
  --ly-ink-2: #bab4c2;        /* 보조 글자 (8.6:1) */
  --ly-muted: #898390;        /* 축 라벨·캡션 (4.7:1, 이보다 어둡게 쓰지 않음) */

  /* 선 */
  --ly-line: rgba(255, 255, 255, 0.08);   /* 카드 테두리·구분선 */
  --ly-axis: #4a4155;                     /* 차트 기준선 */
  --ly-negative: #6b6475;                 /* 음수 막대 (K-D 마이너스) */

  /* 데이터: 팀 색 — 대진표 왼쪽 팀 = A, 오른쪽 팀 = B (진영 BL/GR과 무관) */
  --ly-team-a: #b95fe9;
  --ly-team-b: #00b386;
  --ly-aux: #9d8e00;          /* 세 번째 계열이 꼭 필요할 때만 */
  --ly-team-a-fill: rgba(185, 95, 233, 0.20);  /* 레이더 면 */
  --ly-team-b-fill: rgba(0, 179, 134, 0.16);

  /* 상태 — 반드시 아이콘 + 글자와 함께 */
  --ly-good: #008622;         /* 자동 반영·정상 (칠 · 아이콘) */
  --ly-good-ink: #339e4e;     /* 정상을 글자로 쓸 때 — good 그대로는 바탕 위 3.7:1 이라 같은 색조를 밝힘(surface-2 위 4.5:1) */
  --ly-warn: #dfbb00;         /* 검토 필요 */
  --ly-crit: #ff5352;         /* 오류 */

  /* 순차 색 (열지도: 0 = 거의 없음 → 6 = 가장 많음) */
  --ly-seq-0: #2b1238;
  --ly-seq-1: #4b2460;
  --ly-seq-2: #6e378b;
  --ly-seq-3: #934cb9;
  --ly-seq-4: #ba61e9;
  --ly-seq-5: #d58cff;
  --ly-seq-6: #e6bfff;

  /* 글꼴 (현장 PC 오프라인 대비: 글꼴 파일을 저장소에 넣어 로컬로 불러올 것) */
  --ly-font-display: 'Unbounded', 'Arial Black', sans-serif;                                /* 로고 글자·스코어·큰 숫자 */
  --ly-font-ui: 'IBM Plex Sans KR', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;    /* 화면 글자 전체 */
  --ly-font-num: 'LY Num', 'IBM Plex Sans KR', 'Malgun Gothic', Consolas, monospace;   /* 숫자 · 영문은 Plex Mono, 한글은 Plex Sans KR(fonts.css LY Num) */                      /* 수치·라벨 */

  /* 모서리 */
  --ly-radius-card: 16px;
  --ly-radius-box: 12px;
  --ly-radius-control: 10px;
  --ly-radius-badge: 6px;
  --ly-radius-bar: 4px;       /* 막대 끝 */

  /* 간격 */
  --ly-gap-xs: 6px;
  --ly-gap-s: 10px;
  --ly-gap-m: 14px;
  --ly-gap-l: 20px;
  --ly-gap-xl: 28px;
  --ly-pad-card: 24px 28px;
  --ly-bar-gap: 2px;          /* 막대·칸 사이 틈 */

  /* 방송 화면(1920x1080) 전용 */
  --ly-tv-min-text: 20px;     /* 방송 화면 최소 글자 */
  --ly-tv-safe-x: 96px;
  --ly-tv-safe-y: 56px;

  /* ── 디자인 언어 v0.4 (Claude Design 지시문 §7, 2026-10-26) — 상자 대신 선 · 여백 · 정렬선, 그루브 · 데이터 루바토 ── */
  --lyd-hair: rgba(255, 255, 255, 0.08);   /* 행 경계 전폭 가로선 · 짧은 세로선 */
  --lyd-space-row-1: 60px;                 /* 여백은 내려갈수록 좁아진다: 스코어 · 흐름 */
  --lyd-space-row-2: 38px;                 /* 선택 라운드 · 선수 */
  --lyd-space-row-3: 30px;                 /* 루트 · 이벤트 · 위치 */
  --lyd-line-inset-2: 24px;                /* 세로선은 가로선에 닿기 전에 끊는다 */
  --lyd-line-inset-3: 20px;
  --lyd-ease-spring: linear(0, 0.18 6%, 0.52 14%, 0.82 23%, 0.98 32%, 1.04 40%, 1.05 46%, 1.03 56%, 1.005 70%, 0.998 82%, 1);   /* 스프링은 하나 — 5% 넘쳤다 자리 */
  --lyd-swing-step: 26ms;                  /* 라운드 막대 등장 = i × 26 + 홀수 +11 */
  --lyd-swing-offbeat: 11ms;
  --lyd-roll-delay-a: 120ms;               /* A 점수는 아래에서 위로 */
  --lyd-roll-delay-b: 230ms;               /* B 점수는 위에서 아래로 */
  --lyd-roll-delay-sel: 380ms;             /* 선택 라운드 번호는 승리 팀 방향 */
  --lyd-beat: 1.9s;                        /* 라이브 심박(두 번 뛰는 박) */
  --lyd-beat-hot: 1.05s;                   /* 최근 6초 안에 이벤트가 있으면 */
  --lyd-rubato-streak: 2px;                /* 같은 팀 연승 사이 틈 */
  --lyd-rubato-flip: 8px;                  /* 승자가 바뀌면 */
  --lyd-rubato-half: 22px;                 /* 전후반 사이 · 팀 사이 */
  --lyd-rubato-rtg: 36;                    /* 선수 행간 = 4 + |ΔRTG| × 36 */
}