/* 보드미동물병원 — design tokens (design.md 와 1:1) */
:root{
  --color-paper:#FFFDF7; --color-paper-2:#FFF6DE; --color-paper-3:#EEF6FB;
  --color-ink:#1F2328; --color-ink-2:#3C424A; --color-muted:#6B7280;
  --color-line:#ECE4D0; --color-rule:#1F2328;
  --color-accent:#F6C445; --color-accent-text:#8A5A00;
  --color-accent-2:#1D5F8A; --color-accent-2-text:#17557D;
  --color-dark:#1F2328; --color-focus:#1D5F8A;
  --color-kakao:#FEE500; --color-naver:#03C75A; --color-open:#15803D; --color-closed:#B91C1C;

  --font-body:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  --font-display:var(--font-body);
  --font-label:"Montserrat","Pretendard Variable",sans-serif;
  --text-display:clamp(2.1rem,5.2vw,3.75rem);
  --text-h2:clamp(1.6rem,3.2vw,2.4rem);
  --text-h3:clamp(1.15rem,1.8vw,1.35rem);
  --text-body:1.0625rem; --text-sm:.9375rem; --text-xs:.8125rem;

  --space-3xs:2px; --space-2xs:4px; --space-xs:8px; --space-sm:12px; --space-md:16px;
  --space-lg:24px; --space-xl:32px; --space-2xl:48px; --space-3xl:72px; --space-4xl:112px;

  --radius-card:16px; --radius-sm:10px; --radius-pill:999px;
  --shadow-soft:0 1px 3px rgba(31,35,40,.06),0 8px 24px rgba(31,35,40,.06);
  --shadow-lift:0 2px 6px rgba(31,35,40,.08),0 18px 40px rgba(31,35,40,.12);
  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --container:1200px; --header-h:76px;
}