/* Vizney Blocks v0.34 · © 2026 Vizney · MIT License · 카드 코드 안의 :where(:root) 블록과 같은 내용 */
/* Vizney Blocks 토큰: 내 페이지의 :root에 같은 변수를 다시 적으면 모든 카드에 적용됩니다.
   색은 Vizney 차트 가이드의 주황 · 분홍빨강 · 노랑과 각 색의 옅은 단계, 글자는 Vizney 검정(#1b1b1b)입니다.
   목록: https://blocks.vizney.com/tokens.css */
:where(:root) {
  --vzb-font: 'Spoqa Han Sans Neo', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;   /* 카드의 모든 글자 */
  --vzb-card: #ffffff;   /* 카드 바탕 */
  --vzb-edge: rgba(17, 24, 39, 0.05);   /* 카드 테두리 */
  --vzb-ink: #1b1b1b;   /* 제목과 대표 수치 */
  --vzb-ink-2: #4a4a4a;   /* 본문 글자, 변화 없음 배지 */
  --vzb-muted: #737373;   /* 부제, 단위, 축 눈금 */
  --vzb-grid: #ebebeb;   /* 격자와 머리 아래 선. 바탕에서 한 단계 떨어진 회색 실선 */
  --vzb-primary: #ff9500;   /* 첫째 데이터 색(주황). 선, 막대, 가장 큰 항목 */
  --vzb-primary-tint: #fff1de;   /* 주황의 옅은 바탕. 선 아래 음영, 레이더 면 */
  --vzb-primary-soft: #ffd9a6;   /* 이름을 얹는 바 리스트 막대 */
  --vzb-secondary: #ff2d55;   /* 둘째 데이터 색(분홍빨강) */
  --vzb-tertiary: #ffcc00;   /* 셋째 데이터 색(노랑). 가는 선에는 쓰지 않음 */
  --vzb-primary-mid: #ffb54d;     /* 넓은 면(트리맵 칸)에 쓰는 한 단계 옅은 색 */
  --vzb-secondary-mid: #ff7a93;   /* 분홍빨강의 넓은 면 */
  --vzb-tertiary-mid: #ffdc4d;   /* 노랑의 넓은 면 */
  --vzb-other-mid: #e3e3e3;   /* 기타 묶음의 넓은 면 */
  --vzb-line-3: #007aff;   /* 선의 셋째 색. 노랑은 흰 바탕의 가는 선으로는 잘 보이지 않아 파랑을 씁니다 */
  --vzb-base: #c4c4c4;   /* 비교 기준(작년 선, 레이더의 기준 면 테두리) */
  --vzb-track: #f1f1f1;   /* 게이지 · 달성률 막대의 바탕 */
  --vzb-other: #d9d9d9;   /* 기타로 묶은 항목, 넷째부터의 항목 */
  --vzb-good: #12814a;   /* 좋은 증감(배지, 워터폴의 늘린 요인) */
  --vzb-good-tint: #e5f5ec;   /* 좋은 증감 배지의 바탕 */
  --vzb-bad: #d42346;   /* 나쁜 증감, 한도 초과, 오류 문구 */
  --vzb-bad-tint: #fdebef;   /* 나쁜 증감 배지의 바탕 */
  --vzb-tip: #1b1b1b;   /* 툴팁 바탕 */
  --vzb-radius: 18px;   /* 카드 모서리 */
  --vzb-unit: 168px;   /* 높이 1단위(KPI - Number). Line · Bar는 2배, 나머지 KPI는 1.5배, 차트 카드는 2배 */
  --vzb-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 18px 40px -22px rgba(17, 24, 39, 0.22);   /* 카드 그림자 */
}