/* ══ 2.552 · 기준값 한 곳 ═══════════════════════════════════════════════════
   「조용하고 정밀한」 방향의 토대. **여기 있는 값만 쓴다** — 새 코드는 하드코딩 금지.

   왜 필요했나(실측):
     그림자 466 종 · 글자 크기 43 종 · 모서리 23 종 · 간격 36 종.
     466 개의 그림자는 466 번 눈대중으로 찍은 것이고, 사람은 그걸 «다양함» 이 아니라
     «어긋남» 으로 읽는다. 9px 와 9.5px 도 구분이 아니라 흔들림으로 보인다.

   ⚠ 이 파일은 **정의만 한다.** 기존 466 개를 한 번에 치환하지 않는다 —
     가장 흔한 값도 24 번뿐인 긴 꼬리라, 일괄 치환은 화면마다 손으로 맞춘 것을 깨뜨린다.
     새로 쓰는 곳과 손보는 화면부터 이 토큰으로 옮긴다.
   ⚠ `--shadow-sm` · `--shadow-md` 는 예전부터 있었는데 아무도 안 썼다.
     이름을 짧게 바꾸고(`--sh-1/2/3`) 셋으로 못박는다 — 넷째는 만들지 않는다. */

:root{
  /* ── 그림자 3단. 넷째는 없다 ─────────────────────────────────────────── */
  --sh-1:0 1px 2px rgba(16,24,40,.04);      /* 카드 — 종이 한 장 들린 정도 */
  --sh-2:0 4px 12px rgba(16,24,40,.10);     /* 팝오버·고르개 */
  --sh-3:0 24px 48px rgba(16,24,40,.22);    /* 모달·시트 */

  /* ── 글자 7단. 0.5px 단위를 만들지 않는다 ────────────────────────────── */
  --t-1:10px;   /* 이름표·단위 */
  --t-2:11px;   /* 보조 설명 */
  --t-3:12px;   /* 보조 본문 */
  --t-4:13px;   /* 표 본문 */
  --t-5:14px;   /* 읽는 글 */
  --t-6:16px;   /* 화면 제목 */
  --t-7:20px;   /* 카드 제목·큰 숫자 */

  /* ── 간격 6단(4의 배수) ──────────────────────────────────────────────── */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;

  /* ── 모서리 3단 ──────────────────────────────────────────────────────── */
  --r-1:6px;      /* 칩·작은 버튼 */
  --r-2:10px;     /* 카드·패널 */
  --r-pill:999px; /* 알약 */

  /* ── 뜻이 있는 색은 넷뿐 ─────────────────────────────────────────────── */
  --c-act:#14213D;   /* 누를 수 있는 것 */
  --c-ok:#1F7A4C;    /* 가능 */
  --c-warn:#B5762B;  /* 재활·주의 */
  --c-bad:#C24A46;   /* 부상 */

  /* ── 3.054 · 글자 · 면 · 선의 정본(피드백 DS-4). 이름이 24개로 갈라진 별칭(--ink · --txt · --dim · --muted · --panel …)은
     studio/ui-grammar.css 가 **이 값을 가리키게만** 한다 — 새 값은 여기서만 정한다. 다크 값은 아래 body.fmdark 한 곳 ── */
  --c-ink:#14161A;      /* 글자 */
  --c-muted:#646A73;    /* 보조 글자 */
  --c-faint:#697079;    /* 날짜 · 라벨 — 흰 5.0 · #F4F5F7 4.6(AA) */
  --c-line:#E3E6EA;     /* 헤어라인 */
  --c-line-2:#D3D7DD;   /* 진한 선(입력칸) */
  --c-line-3:#EEF0F3;   /* 옅은 선(표 안) */
  --c-bg:#F4F5F7;       /* 바탕 */
  --c-surface:#FFFFFF;  /* 카드 · 띠 */
  --c-surface-2:#F1F3F5;/* 칸 · 트랙 */
  --r-card:12px;        /* 카드 모서리(ui-grammar --g-radius) */
  --r-control:10px;     /* 버튼 · 입력칸 */
  /* 글자 이름 — ui-grammar 의 --fs-* 는 위 7단을 가리킨다: micro=--t-2 · caption=--t-3 · sub=--t-4 · body=--t-5 · title=--t-6 · h2 18px(7단 밖 하나 — 큰 제목) */
}
/* 다크 — 조명을 낮춘 같은 방(ui-grammar 2.637). 의미색은 채도를 낮추고 명도만 올린다(2.981) */
body.fmdark{
  --c-ink:#F2F3F5; --c-muted:#A9AFB8; --c-faint:#8B929C;
  --c-line:#2E333A; --c-line-2:#3A4048; --c-line-3:#262B31;
  --c-bg:#121417; --c-surface:#1B1E23; --c-surface-2:#23272D;
  --c-act:#7F98D0; --c-ok:#4CC27A; --c-warn:#D9A15A; --c-bad:#E07470;
}

/* ══ 3.085 · 글꼴 하나 — Pretendard (사용자 «앱의 모든 폰트 통일 해야되지 않아?») ══
   글꼴 파일은 /vendor/fonts.css(Pretendard 조각 받기). 화면마다 system-ui · -apple-system · 고정폭 · Jost 가 섞여 기기마다 달라 보였다.
   단추 · 입력 칸은 브라우저 기본 글꼴을 쓰므로 부모 글꼴을 물려받게 한다(페이지 규칙이 따로 정하면 그쪽이 이긴다). */
:root{--ps-font:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,'Apple SD Gothic Neo','Malgun Gothic','Segoe UI',Roboto,sans-serif}
button,input,select,textarea,optgroup{font-family:inherit}