/* ========================================================================
   대장옥션 시그널 디자인 토큰 (SITE_CODE 91)
   - 컬러 / 라운드 / 폰트 / 그림자 변수 정의
   - 모든 컴포넌트는 이 토큰을 참조
   ======================================================================== */
:root {
  /* ===== 메인 컬러 ===== */
  --violet:        #7C5CFF;
  --violet-strong: #5B3FD8;
  --violet-soft:   #EFEAFF;
  --violet-bg:     #F4F0FF;

  /* ===== CTA 노랑 (시그널 시그니처) ===== */
  --yellow:        #FFE96B;
  --yellow-strong: #FFD400;

  /* ===== 보조 컬러 ===== */
  --coral:         #FF5C5C;
  --green:         #2ECB71;
  --orange:        #FFA53A;
  --blue:          #3B82F6;
  --pink:          #E94BA0;

  /* ===== 그레이 스케일 ===== */
  --gray-900: #0F1023;
  --gray-700: #4A4A5E;
  --gray-500: #8A8A99;
  --gray-400: #B5B5C0;
  --gray-200: #E8E8EE;
  --gray-100: #F0F0F5;
  --gray-50:  #F4F4F8;
  --white:    #FFFFFF;

  /* ===== 라운드 ===== */
  --r-sm:  10px;
  --r-md:  14px;
  --r-lg:  18px;
  --r-xl:  24px;
  --r-full: 9999px;

  /* ===== 그림자 ===== */
  --shadow-card:  0 2px 8px rgba(20,20,40,0.04);
  --shadow-float: 0 8px 24px rgba(124,92,255,0.22);
  --shadow-tab:   0 -4px 24px rgba(20,20,40,0.04);

  /* ===== 폰트 (Wanted Sans — 30/40대 핀테크 톤) ===== */
  --font-base: 'Wanted Sans Variable', 'Wanted Sans', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;

  /* ===== 레이아웃 ===== */
  --container-max: 768px;
  --tabbar-h:      calc(56px + env(safe-area-inset-bottom, 0px));
  --header-h:      56px;
}