/* 마음온길 디자인 토큰 — 설계서 6장. 화면 코드는 이 변수만 쓴다. */
@font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: url('../fonts/Pretendard-Regular.subset.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: url('../fonts/Pretendard-Bold.subset.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-weight: 800; font-display: swap; src: url('../fonts/Pretendard-ExtraBold.subset.woff2') format('woff2'); }

:root {
  /* 바탕·글 */
  --bg: #F2F4F6;
  --card: #FFFFFF;
  --ink: #111827;
  --ink2: #374151;
  --ink3: #4B5563;
  --line: #E5E7EB;
  --muted-num: #B4BAC3;

  /* 브랜드 */
  --primary: #0E7490;
  --primary-soft: #E3F1F5;
  --warm: #B4532A;
  --warm-soft: #FCEDE5;

  /* 항목색 */
  --bp: #2563D9;
  --bp-soft: #E6EEFC;
  --glu: #0B8A7C;
  --glu-soft: #DFF4F0;
  --med: #6A4BC9;
  --med-soft: #EEE9FB;

  /* 상태색 (항목색과 분리) */
  --ok: #166534;
  --ok-bg: #DCF3E4;
  --warn: #8A4B00;
  --warn-bg: #FFEBC7;
  --high: #A11A10;
  --high-bg: #FCDEDA;

  /* 구간 게이지 */
  --z-normal: #43B07A;
  --z-elevated: #E8BE3A;
  --z-prehtn: #EE8E3C;
  --z-htn: #DC4C43;

  /* 글자 크기 (보통 기준 × scale) */
  --scale: 1;
  --fs-num: calc(56px * var(--scale));
  --fs-num-sm: calc(44px * var(--scale));
  --fs-title: calc(26px * var(--scale));
  --fs-card: calc(20px * var(--scale));
  --fs-body: calc(18px * var(--scale));
  --fs-label: calc(17px * var(--scale));
  --fs-small: calc(15px * var(--scale));
  --fs-key: calc(30px * var(--scale));

  /* 크기 */
  --radius: 26px;
  --radius-sm: 16px;
  --btn-h: 64px;
  --key-h: 62px;
  --touch: 48px;
  --ad-h: 58px;
  --tab-h: 76px;
  --gap: 12px;
  --pad: 20px;
  --font: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', system-ui, sans-serif;
}

html[data-scale="1.15"] { --scale: 1.15; }
html[data-scale="1.3"] { --scale: 1.3; }