/* 수다콜 공통 디자인 토큰 — 🔸 임시값(2026-10-04, 고객센터 창). 수다콜 홈페이지 정본(수다콜 저장소 homepage/assets/tokens.css)이 오면 값을 그 값으로 바꾼다.
   방향(대표님 10/4): 너무 튀지 않게 · 차분하고 · 깔끔하고 · 세련되게, 메인 컬러는 고급스러운 보라.
   = 깊고 채도 낮은 딥 퍼플 + 라벤더 보조 + 웜 화이트/차콜 중립. 두 서비스가 같은 바탕·글꼴·간격·모서리를 쓰고, 서비스 보조색만 다르다.
   대비(WCAG 2.2 AA): 메인 보라(--sc-purple-700) 위 흰 글씨 ≈ 10:1 · 웜 화이트 위 --sc-charcoal-500 ≈ 4.8:1 · 고객센터 보조색 칩 ≈ 5.3:1. */
:root {
  /* 브랜드 보라(딥 퍼플 → 라벤더) */
  --sc-purple-950: #1f1930;
  --sc-purple-900: #2a2240;
  --sc-purple-800: #372c55;
  --sc-purple-700: #46386b; /* 메인 */
  --sc-purple-600: #554680;
  --sc-purple-500: #6b5d96;
  --sc-purple-400: #8b80b2;
  --sc-lavender-300: #b4aad3;
  --sc-lavender-200: #d4cde8;
  --sc-lavender-100: #ebe7f4;
  --sc-lavender-50: #f5f3f9;

  /* 중립 — 웜 화이트 · 차콜 */
  --sc-warm-0: #ffffff;
  --sc-warm-25: #fcfbf9;
  --sc-warm-50: #f7f5f2;
  --sc-warm-100: #eeebe6;
  --sc-warm-200: #e1ddd6;
  --sc-warm-300: #cfcac2;
  --sc-charcoal-500: #6e6a74;
  --sc-charcoal-600: #57535d;
  --sc-charcoal-700: #403c46;
  --sc-charcoal-900: #24212a;
  --sc-charcoal-950: #16141a;

  /* 글꼴(한국어·일본어·중국어 대비) · 모서리 · 간격 · 그림자 */
  --sc-font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Hiragino Sans", "Noto Sans JP", "PingFang SC", "Noto Sans SC", sans-serif;
  --sc-radius-sm: 8px;
  --sc-radius-md: 12px;
  --sc-radius-lg: 16px;
  --sc-radius-pill: 999px;
  --sc-space-1: 4px;
  --sc-space-2: 8px;
  --sc-space-3: 12px;
  --sc-space-4: 16px;
  --sc-space-5: 24px;
  --sc-space-6: 32px;
  --sc-space-7: 48px;
  --sc-space-8: 64px;
  --sc-shadow-sm: 0 1px 2px rgba(36, 33, 42, .06);
  --sc-shadow-md: 0 1px 3px rgba(36, 33, 42, .07), 0 1px 2px rgba(36, 33, 42, .04);
  --sc-shadow-lg: 0 18px 44px rgba(36, 33, 42, .14);

  /* 서비스 보조색 — 수다콜 = 따뜻한 대화(수다콜이 정한다), 고객센터 = 신뢰·업무 느낌의 차분한 청록 회색 */
  --desk-accent: #2f6b6e;
  --desk-accent-weak: #e6f0f0;
  --desk-accent-dark: #7fb8b8;
  --desk-accent-weak-dark: #1c2b2c;
}