/* 케어몰 디자인 토큰 — docs/design.md 정본과 동기화되어야 함.
   값 변경 시 docs/design.md도 같이 업데이트할 것.
   2026-10 리디자인: 미니멀 쇼핑몰 톤, 포인트색 = 로고 하늘색 계열. */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');

:root {
  /* Primary — 로고 하늘색(#18A8F1)과 같은 색상, 흰 글씨 대비 5.2:1 */
  --color-primary: #0A73A8;
  --color-primary-hover: #085C87;
  --color-primary-dark: #074F73;
  --color-primary-bg: #EEF7FC;
  --color-primary-border: #B9DDF2;
  /* 로고·장식 전용 (글자/버튼 배경으로 쓰지 않음 — 대비 부족) */
  --color-logo: #18A8F1;

  /* 이전 변수명 호환 */
  --color-primary-darker: var(--color-primary-dark);
  --color-primary-darkest: var(--color-primary-dark);
  --color-primary-border-strong: var(--color-primary-border);

  /* 경고/알림 박스 (본인부담금 안내 등) */
  --color-warning-bg: #fff8e6;
  --color-warning-text: #854F0B;
  --color-warning-accent: #f0a500;

  /* 에러/삭제 */
  --color-error: #e74c3c;

  /* 텍스트 */
  --color-text: #111;
  --color-text-muted: #666;
  --color-text-faint: #999;

  /* 선 */
  --color-line: #e5e5e5;
  --color-line-strong: #111;
  --color-border: #eee;
  --color-border-strong: #ddd;
  --color-border-soft: #f0f0f0;

  /* 배경 */
  --color-bg: #fff;
  --color-bg-soft: #f8f8f8;
  --color-bg-softer: #f5f5f5;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* Shadow (미니멀 — 떠 있는 요소에만) */
  --shadow-soft: 0 1px 4px rgba(0,0,0,.04);
  --shadow-card: 0 4px 16px rgba(0,0,0,.08);
  --shadow-brand: 0 8px 24px rgba(10,115,168,.2);

  /* 폰트 */
  --font-base: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;
}