/* STUDIOX 브랜드 공용 (10/13 대표) — 원본 C:\server\Myproject\brand\brand.css
   각 프로젝트 static/brand/ 로 복사해서 씀 (C:\server\Myproject\brand\sync_brand.py). 여기서 고치고 다시 복사.
   글꼴: 영문 Montserrat (CI) · 한글 나눔스퀘어 네오 — 영문 글자는 Montserrat, 한글은 자동으로 나눔스퀘어 네오
   색: 노랑 #F1C400 · 먹색 #101820 — 머리줄·메뉴·버튼·로고에만. 표 안의 뜻 있는 색(빨강·파랑 등)은 각 화면 그대로 */
@font-face { font-family: "Montserrat"; src: url("fonts/Montserrat-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("fonts/Montserrat-SemiBold.woff2") format("woff2"); font-weight: 500 600; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("fonts/Montserrat-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("fonts/Montserrat-ExtraBold.woff2") format("woff2"); font-weight: 800; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("fonts/Montserrat-Black.woff2") format("woff2"); font-weight: 900; font-display: swap; }
@font-face { font-family: "NanumSquareNeo"; src: url("fonts/NanumSquareNeo-bRg.woff2") format("woff2"); font-weight: 100 500; font-display: swap; }
@font-face { font-family: "NanumSquareNeo"; src: url("fonts/NanumSquareNeo-cBd.woff2") format("woff2"); font-weight: 600 700; font-display: swap; }
@font-face { font-family: "NanumSquareNeo"; src: url("fonts/NanumSquareNeo-dEb.woff2") format("woff2"); font-weight: 800 900; font-display: swap; }

:root {
  --brand-yellow: #F1C400;
  --brand-ink: #101820;
  --brand-font: "Montserrat", "NanumSquareNeo", "Malgun Gothic", "Apple SD Gothic Neo", -apple-system, sans-serif;
}

/* 전체 글꼴 (각 화면 CSS 보다 우선) */
html body, html body input, html body select, html body textarea, html body button { font-family: var(--brand-font); }
/* 표 숫자 칸이 들쭉날쭉하지 않게 — 숫자 폭 같게 */
html body td, html body th, html body input { font-variant-numeric: tabular-nums; }

/* 머리줄 로고:  <a class="sx-brand"><img src=".../brand/logo-x.png"><span class="sx-word">STUDIOX <em>WORKS</em></span></a> */
.sx-brand { display: inline-flex; align-items: center; gap: 9px; text-decoration: none !important; color: var(--brand-ink) !important; white-space: nowrap; }
.sx-brand img { width: 30px; height: 30px; display: block; flex: none; }
.sx-brand .sx-word { font-family: "Montserrat", sans-serif; font-weight: 800; font-size: 16px; letter-spacing: .3px; line-height: 1; }
.sx-brand .sx-word em { font-style: normal; font-weight: 600; }
.sx-dark .sx-brand, .sx-brand.on-dark { color: #fff !important; }