/* 바탕 — 부품
* ─────────────────────────────────────────────────────────────────
* 단추 · 필드 · 링크 · 알림. 화면마다 손으로 짓지 않게 하는 자리다.
*
* 폐하께서 2026-08-28 에 짚으셨다 —
*
* 「앰버님도 오이북에서 작업하실 때 컨트롤이나 링크 하나 붙이면
* 기본 글자 링크로 나와서 몇 번씩 수정하게 되는데」
*
* ★ 부품이 있으면 «이름을 고를 일 자체»가 없어진다. 틀리게 지을 수가 없다.
*
* ── 얹는 차례 ──────────────────────────────────────────────────────
*
* themes/<브랜드>.css → base.css → 프로젝트 제 파일
*
* ★ 테마가 «먼저»다. 이 파일은 색도 크기도 «값»을 갖지 않는다 — 테마가 준
* 이름만 딛는다. 그래야 같은 부품이 가람의 물빛과 오이북의 초록을 함께 받는다.
* ★ 뒤엣것이 이긴다. 프로젝트가 한 자리를 달리 하고 싶으면 제 파일에 적으면
* 되고, 이 파일을 고칠 일이 아니다.
* ★ 받아 온 사본은 고치지 않는다. 고치면 다음에 받을 때 사라진다.
*
* ── 이름을 새로 짓지 않았다 ────────────────────────────────────────
*
* ★★ 여기 있는 클래스 이름은 모두 가람 app.css 에 «이미 있던 것»이다. 새 이름을
* 지으면 그 이름을 쓰는 화면 아흔한 개를 전부 고쳐야 한다. 부품을 들이는 값이
* 화면을 갈아엎는 값보다 커지면 아무도 안 들인다.
*
* ── ★★★ 색보다 «크기»가 먼저 어긋난다 ──────────────────────────────
*
* 2026-08-28 오이북을 재다가 알았다. 오이북은 조부모가 폰으로 쓰는 판이라
* html 기본 글자가 18px 이고, 누르는 것은 --touch(3rem)보다 작아지지 않는다.
* 이 파일이 9px·14px 를 «박고» 있으면 그 약속이 «조용히» 깨진다.
* 색이 틀리면 눈에 띄어 누가 잡아 주지만, 단추가 37px 인 것은 아무도 못 본다.
* 그래서 크기도 전부 테마가 준다.
*/
/* ══ 부품이 서려면 먼저 깔려야 하는 것 ═══════════════════════════════ */
/*
여백·테두리를 너비에 «포함»시킨다.
★★ 이것이 없으면 아래 .field 의 입력칸이 카드를 벗어난다. width:100% 에
좌우 여백과 테두리가 «더해져» 넘치고, .form-row 처럼 두 칸을 나란히 둔
자리에서는 옆 칸을 올라탄다.
★ 가람 app.css 에는 이 줄이 이미 있었다. 부품만 떼어 오면서 이것을 두고
왔더니, 가람에서는 멀쩡하고 «가람 밖에서만» 터지는 꼴이 되었다.
폐하께서 2026-08-28 미리보기에서 잡아 주셨다.
★ 그러니 이 줄은 각 프로젝트가 아니라 «바탕»이 지고 있어야 한다.
부품은 제가 딛고 선 바닥을 함께 안고 가야 한다 — 안 그러면 「우리 쪽에서만
안 된다」가 되고, 그것이 가장 찾기 어려운 고장이다.
*/
*, *::before, *::after {
box-sizing: border-box;
}
/* ── 부품이 딛고 선 «바닥» ───────────────────────────────────────────────
★★ 초기화 «전부»가 바탕 것은 아니다. 이 물음이면 갈린다 —
「남의 틀(부트스트랩 따위)을 걷었을 때 «바탕 부품»이 달라 보이는가?」
그렇다면 그것은 부품이 딛고 선 바닥이고 «바탕이 진다».
아니면 그 프로젝트의 «글결»이고 «그쪽이 진다».
★ 2026-09-04 에 앰버님이 오이북에서 부트스트랩을 «걷고» 규칙마다 재어 갈라 주셨다 —
담을 것 button·input·select·textarea 의 글꼴 물림 ← 부품이 달라 보인다
안 담을 것 h1..h6 여백 · p 여백 · .lead · label ← 바탕 부품 «바뀐 것 없음»
★ 뒤엣것을 바탕이 지면 «네 브랜드의 글결»을 내가 정해 버린다. 안 진다.
★★★ 맨바닥에서 재어 보니(부트스트랩 없이 바탕만) 이랬다 —
맨 Arial · 13.33px ← 글꼴을 «물려받지 않는다»