/* fish 회원 웹 색 원본 — 역할마다 색을 직접 적는다(2026-10-13 색 생성기 없앰: 한 색에서 공식으로 뽑던 값을 그때 값 그대로 굳혔다).
   업체 색을 바꿀 때는 이 파일을 고친다.
   fish(2026-10-20 안): 디자인 그림의 짙은 남색 바탕 · 로고 파랑(#0b99ec) · 은색에서 뽑음. */
:root {/* 색 29개(2026-10-19 사용자 결정 palette/decisions.md — 역할 이름 한 겹, 업체는 같은 이름에 값만): 바탕 4 · 글자 4 · 선 3 · 그림자 3 · 기본색 6 · 강조 5 · 성공 3 · 정보 1 */
  --bg-page: #040b18;
  --bg-card: #081426;
  --bg-raised: #0e1d35;
  --bg-hover: #142744;
  --text: #ffffff;
  --text-soft: rgb(255 255 255 / 72%);
  --text-muted: #8ea2ba;
  --text-dim: #6a7f99;
  --line-light: rgb(255 255 255 / 6%);
  --line: rgb(255 255 255 / 12%);
  --line-strong: rgb(255 255 255 / 28%);
  --shadow: rgb(0 0 0 / 60%);
  --shadow-soft: rgb(0 0 0 / 22%);
  --scrim: rgb(4 11 24 / 70%);
  --primary: #1d8fe0;
  --primary-light: #7cc6f4;
  --primary-dark: #0a3f74;
  --primary-edge: #1670b4;
  --primary-wash: rgb(29 143 224 / 18%);
  --primary-wash-strong: rgb(29 143 224 / 35%);
  --accent: #c9d7e4;
  --accent-light: #eef3f8;
  --accent-dark: #8a9cb0;
  --accent-wash: rgb(201 215 228 / 14%);
  --accent-wash-strong: rgb(201 215 228 / 32%);
  --success: #5fd68b;
  --success-wash: rgb(95 214 139 / 16%);
  --success-wash-strong: rgb(95 214 139 / 36%);
  --info: #4a90d9;

}

/* 역할 색 — 패널 · 카드 · 선 · 글자 · 강조 · 버튼과 V1 화면에서 옮긴 색(이름 -tone-NN) */
:root {
  /* 금액·밝은 강조 배경 위 글자: 더 읽기 쉬운 검정/흰색 */
  --grad-primary: linear-gradient(180deg, var(--primary), var(--primary-dark)); /* 서랍 시안 충전 버튼 실측: 위 #dc1b22 → 아래 #780d10 */
  /* 위 calc(l + 0.015) → 아래 calc(l - 0.01) */
  --grad-primary-hover: linear-gradient(180deg, var(--primary), var(--primary-dark));
  /* 위 calc(l - 0.04) → 아래 l(면색 그대로) */
  --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));
  --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% */
  /* 로그인 바탕 그림(auth-bg.webp)에서 로고 자리 — 휴대폰에서 위쪽 가로 전체로 깔 때 이 자리를 맞춘다(업체 설정 authBrand false) */
  --auth-bg-focus: 0% 25%;
}