/* beta 회원 웹 색 원본 — 역할마다 색을 직접 적는다(2026-10-13 색 생성기 없앰: 한 색에서 공식으로 뽑던 값을 그때 값 그대로 굳혔다).
   업체 색을 바꿀 때는 이 파일을 고친다. */
:root {/* 색 29개(2026-10-19 사용자 결정 palette/decisions.md — 역할 이름 한 겹, 업체는 같은 이름에 값만): 바탕 4 · 글자 4 · 선 3 · 그림자 3 · 기본색 6 · 강조 5 · 성공 3 · 정보 1
   베타 — 밝은 하늘색 / 플래티넘 실버 / 중성 차콜(2026-10-20 사용자 1차 색) */
  --bg-page: #111315;
  --bg-card: #191c1f;
  --bg-raised: #23272b;
  --bg-hover: #2d3237;
  --text: #f5f7fa;
  --text-soft: rgb(245 247 250 / 78%);
  --text-muted: #a5aeb7;
  --text-dim: #818c96;
  --line-light: rgb(225 234 240 / 7%);
  --line: rgb(225 234 240 / 14%);
  --line-strong: rgb(225 234 240 / 28%);
  --shadow: rgb(0 0 0 / 48%);
  --shadow-soft: rgb(0 0 0 / 18%);
  --scrim: rgb(17 19 21 / 74%);
  --primary: #a9d9f0;
  --primary-light: #e4f4fc;
  --primary-dark: #79b8d7;
  --primary-edge: #8cbed6;
  --primary-wash: rgb(169 217 240 / 14%);
  --primary-wash-strong: rgb(169 217 240 / 26%);
  --accent: #d6e1ea;
  --accent-light: #f2f6fa;
  --accent-dark: #a8bac9;
  --accent-wash: rgb(214 225 234 / 12%);
  --accent-wash-strong: rgb(214 225 234 / 24%);
  --success: #7cd5a3;
  --success-wash: rgb(124 213 163 / 14%);
  --success-wash-strong: rgb(124 213 163 / 28%);
  --info: #8bb8ce;
}

/* 파생식 */
:root {
  --grad-primary: linear-gradient(180deg, var(--primary), var(--primary-dark));
  --grad-primary-hover: linear-gradient(180deg, var(--primary), var(--primary-dark));
  --grad-primary-active: linear-gradient(180deg, var(--primary), var(--primary-dark));
  --grad-surface1: linear-gradient(180deg, var(--line-light), var(--bg-raised));
  --grad-info: linear-gradient(180deg, var(--text-dim), var(--line-strong));
  --grad-league-head: linear-gradient(90deg, var(--primary-dark), var(--primary-dark) 12.5%, var(--primary-dark) 25%, var(--primary-dark) 37.5%, var(--primary-dark) 50%, var(--primary-dark) 75%, var(--line));
  /* 리그 머리 띠 — 차콜 바탕 + 왼쪽 하늘색 선 3px(하늘색 띠 위 흰 글자가 안 읽혀서 — pace-test 금색 때 사용자 1안과 같게) */
  --grad-fold-head: linear-gradient(90deg, var(--primary) 0 3px, var(--primary-wash-strong) 3px, var(--bg-raised) 45%, var(--bg-raised));
  --grad-fold-head-hover: linear-gradient(90deg, var(--primary) 0 3px, var(--primary-wash-strong) 3px, var(--bg-hover) 45%, var(--bg-hover));
  --glow-primary: 0 1px 4px color-mix(in srgb, var(--primary) 22%, transparent);
  --glow-info: 0 1px 4px color-mix(in srgb, var(--success) 22%, transparent);
}

/* 베타만(2026-10-20 사용자 색 — pace-test 금색과 같은 방식, 공용 부품은 건드리지 않고 이 파일에서): 밝은 하늘색 면 위 글자 · 아이콘을 짙은 차콜로(흰 글자는 하늘색 위에서 안 읽힘).
   공용 CSS 묶음이 이 파일보다 뒤에 불려 :root를 붙여 이긴다. 메뉴 올림 색을 자기 색으로 덮는 메뉴(코인 · 고르기 · 카지노 순위)와 올림 때 화살표 바탕이 어두운 칸이 되는 넓은 · 카드 · 로고 타일은 뺀다 */
:root .ui-button[data-variant='primary'],
:root app-badge .badge[data-solid][data-tone='primary'],
:root app-badge .badge[data-count][data-tone='primary'],
:root app-tabs .tabs[data-variant='pill'] > button[aria-selected='true'],
:root app-nav-row .ui-nav-row[data-look='bar'] .ui-nav-row__badge .badge,
:root .ui-tile:not([data-kind='wide'], [data-kind='card'], [data-kind='logo']):hover .ui-tile__go,
:root .ui-tile[data-kind='card'] .ui-tile__tag .badge,
:root .ui-tile__check,
:root .ui-steps li[data-state='current']::before,
:root .ui-ball[data-tone='red'],
:root .ui-brand-mark__mark,
:root .orderMenu .active,
:root [user-menu-item]:is(:hover, :focus-visible, .active):not(:where(.sc-menu-coin, .sc-menu-pick, app-casino-top-info .ranking-pick) *) { color: #111315; }
:root .ui-radio-group input:checked { background: radial-gradient(circle, #111315 0 3px, transparent 3.5px), var(--grad-primary); }
:root .ui-checkbox input:checked { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111315' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 14px no-repeat, var(--grad-primary); }