/* 고익수성형외과 — design tokens (refined glass / warm ink)
   One source of truth. Screens link this plus components.css. */
:root{
  /* colour roles */
  --bg:#EEF2F6;
  --bg-glow:
    radial-gradient(1100px 760px at 12% 6%, rgba(255,214,196,.30) 0, transparent 62%),
    radial-gradient(1000px 720px at 90% 82%, rgba(198,220,244,.34) 0, transparent 64%);
  --surface:#F7F9FC;
  --surface-2:#E9EEF4;
  --photo-bg:#FFFFFF;
  --glass:rgba(247,249,252,.66);
  --glass-strong:rgba(247,249,252,.90);
  --glass-border:rgba(255,255,255,.72);
  --blur:20px;

  --ink:#101820;
  --ink-2:#2E3A46;
  --muted:#5A6672;
  --line:#D6DFE8;
  --line-strong:#101820;

  --teal:#1E2B35;          /* primary action: deep ink */
  --teal-ink:#0B1217;
  --teal-soft:#EAE3D7;     /* warm sand highlight */
  --accent:#8A5A3B;        /* muted copper: small labels, figures, numerals */
  --accent-soft:#EFE5DA;
  --signal:#A33A2A;
  --on-primary:#FFFFFF;

  /* type */
  --font-sans:"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei","Pretendard","Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;
  --font-num:"SF Mono","Cascadia Mono",ui-monospace,"Roboto Mono",monospace;
  --font-serif:"Nanum Myeongjo","AppleMyungjo","Batang",Georgia,serif;

  --fs-xs:12px;
  --fs-sm:13px;
  --fs-body:15.5px;
  --fs-md:16px;
  --fs-lg:19px;
  --fs-xl:clamp(22px,2.4vw,28px);
  --fs-h2:clamp(25px,2.7vw,38px);
  --fs-h1:clamp(34px,4.4vw,58px);
  --fs-num:clamp(24px,2.6vw,32px);

  --lh-tight:1.18;
  --lh-body:1.78;

  /* spacing — 4/8 rhythm */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:88px;
  --section-y:clamp(56px,6.4vw,96px);

  /* layout */
  --max:1280px;
  --pad:clamp(20px,4.4vw,56px);
  --gap:clamp(20px,2.6vw,40px);

  /* shape */
  --radius:18px;
  --radius-sm:12px;
  --radius-lg:24px;
  --radius-pill:999px;
  --shadow:0 8px 24px rgba(16,24,32,.08);
  --shadow-soft:0 3px 12px rgba(16,24,32,.06);
  --hairline:1px solid var(--line);

  /* image treatment */
  --img-filter:saturate(.98) contrast(1.01);
  --img-filter-quiet:grayscale(.6) contrast(1.02) brightness(1.04);
}