/* pace-test 회원 웹 색 원본 — PACE 테마(차콜 블랙 · 샴페인 골드 · 아이보리, 2026-10-20 사용자) — 역할마다 색을 직접 적는다(2026-10-13 색 생성기 없앰: 한 색에서 공식으로 뽑던 값을 그때 값 그대로 굳혔다).
   업체 색을 바꿀 때는 이 파일을 고친다. */
:root {/* 색 29개(2026-10-19 사용자 결정 palette/decisions.md — 역할 이름 한 겹, 업체는 같은 이름에 값만): 바탕 4 · 글자 4 · 선 3 · 그림자 3 · 기본색 6 · 강조 5 · 성공 3 · 정보 1 */
  --bg-page: #0C0D0F;
  --bg-card: #151618;
  --bg-raised: #1D1E20;
  --bg-hover: #26272A;
  --text: #F4F1EB;
  --text-soft: #CCC7BE;
  --text-muted: #A6A29A;
  --text-dim: #969087;
  --line-light: rgb(244 241 235 / 6%);
  --line: rgb(244 241 235 / 12%);
  --line-strong: rgb(244 241 235 / 28%);
  --shadow: rgb(0 0 0 / 60%);
  --shadow-soft: rgb(0 0 0 / 22%);
  --scrim: rgb(12 13 15 / 70%);
  --primary: #D8BA83;
  --primary-light: #EEDBBA;
  --primary-dark: #5C492D;
  --primary-edge: #A98A55;
  --primary-wash: rgb(216 186 131 / 12%);
  --primary-wash-strong: rgb(216 186 131 / 22%);
  --accent: #D8BA83;
  --accent-light: #EEDBBA;
  --accent-dark: #A98A55;
  --accent-wash: rgb(216 186 131 / 12%);
  --accent-wash-strong: rgb(216 186 131 / 22%);
  --success: #78B99A;
  --success-wash: rgb(120 185 154 / 16%);
  --success-wash-strong: rgb(120 185 154 / 28%);
  --info: #8CAEC8;

}

/* 역할 색 — 패널 · 카드 · 선 · 글자 · 강조 · 버튼과 V1 화면에서 옮긴 색(이름 -tone-NN) */
:root {
  /* 금액·밝은 강조 배경 위 글자: 더 읽기 쉬운 검정/흰색 */
  --grad-primary: linear-gradient(var(--primary), var(--primary)); /* PACE: 단색 골드 */ /* 서랍 시안 충전 버튼 실측: 위 #dc1b22 → 아래 #780d10 */
  /* 위 calc(l + 0.015) → 아래 calc(l - 0.01) */
  --grad-primary-hover: linear-gradient(var(--primary), var(--primary)); /* PACE: 단색 골드 */
  /* 위 calc(l - 0.04) → 아래 l(면색 그대로) */
  --grad-primary-active: linear-gradient(var(--primary), var(--primary)); /* PACE: 단색 골드 */
  --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));
  /* PACE: 리그 머리 띠 — 차콜 바탕 + 왼쪽 금색 선 3px(금색 띠 위 흰 글자가 안 읽혀서, 2026-10-20 사용자 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);
  /* 표 줄 hover — 2026-10-14 다른 화면처럼 옅은 흰빛(빨강 섞으면 숯색 위에서 자주색으로 보임) */
  /* 성공 알림 아이콘 면(같은 식) */
  /* 경고 알림 아이콘 면(같은 식) */
  /* 오류 알림 아이콘 면·입출금 거절 아이콘 면(같은 식) */
  /* 복권 결과 빛(끝)·룰렛 판 빛 35% */
  /* 복권 결과 빛(60%)·룰렛 가운데 빛 60% */
  /* 룰렛 도는 빛(끝) 70% */
}

/* PACE만(2026-10-20 사용자 — 공용 부품은 건드리지 않고 이 파일에서): 금색 면 위 글자 · 아이콘을 어둡게(아이보리 1.65:1 → 9.9:1).
   공용 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-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: #17130D; }
:root .ui-radio-group input:checked { background: radial-gradient(circle, #17130D 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='%2317130D' 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); }