/* 디자인 토큰: Apple Store 앱 스타일 (밝은 회색 바탕 위 흰 카드, 파란 강조색, SF 계열 글꼴) */
:root {
  --bg-canvas: #f2f2f7;
  --bg-canvas-elevated: #ffffff;
  --bg-card: #ffffff;
  --bg-card-subtle: #f2f2f7;

  --text-primary: #000000;
  --text-secondary: #6e6e73;
  --text-tertiary: #86868b;

  --apple-blue: #0a7cff;
  --apple-blue-active: #0058b0;
  --apple-blue-subtle: rgba(0, 113, 227, 0.08);
  --violator-orange: #f2812c;
  --status-green: #28cd41;
  --status-red: #ff3b30;

  --hairline: rgba(0, 0, 0, 0.08);
  --option-border-idle: #d2d2d7;

  --card-shadow-rest: none;

  --gutter: 24px;
  --radius-card: 10px;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", sans-serif;
}

html[data-theme="dark"] {
  --bg-canvas: #000000;
  --bg-canvas-elevated: #000000;
  --bg-card: #1c1c1e;
  --bg-card-subtle: #2c2c2e;
  --text-primary: #f5f5f7;
  --text-secondary: #86868b;
  --text-tertiary: #636366;
  --apple-blue: #0a84ff;
  --apple-blue-active: #0060df;
  --apple-blue-subtle: rgba(10, 132, 255, 0.14);
  --violator-orange: #f56300;
  --status-green: #30d158;
  --status-red: #ff453a;
  --hairline: rgba(255, 255, 255, 0.12);
  --option-border-idle: #424245;
  --card-shadow-rest: 0 6px 24px rgba(0, 0, 0, 0.35);
}