/* TRUSS 디자인 토큰 v1.1 — 보틀 그린. 기본 라이트(종이 바탕·녹색 글자·황동 강조선, 푸터는 녹색), 다크는 시스템 설정 또는 data-theme="dark" */
:root{
  --truss-bg:#F7F4EC;          /* 페이지 바탕(따뜻한 종이) */
  --truss-surface:#FFFFFF;     /* 카드·입력칸 */
  --truss-surface-2:#EFEADF;   /* 섹션 띠 */
  --truss-brand:#0B3B2E;       /* 보틀 그린: 제목·주 버튼·로고 몸체 */
  --truss-brand-fg:#F2EDE3;    /* 녹색 위 글자 */
  --truss-fg:#14211C;          /* 본문 */
  --truss-muted:#5E6B64;       /* 보조 글자 */
  --truss-line:#E3DDD0;        /* 구분선·테두리 */
  --truss-accent:#A9844E;      /* 황동: 강조선·로고 사선·장식(글자 아님) */
  --truss-accent-text:#76592B; /* 작은 강조 글자·링크 */
  --truss-logo-fg:#0B3B2E;
  --truss-logo-sub:#5E6B64;
  --truss-footer-bg:#0B3B2E;   /* 푸터는 녹색 */
  --truss-footer-fg:#F2EDE3;
  --truss-footer-muted:#A9B5AE;
  --truss-footer-accent:#C9A96E;
  --truss-font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  --truss-font-serif:Tinos,"Liberation Serif","Times New Roman",serif;   /* 영문 디스플레이 전용(한글 없음). 로고는 SVG로만 */
  --truss-radius:6px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --truss-bg:#0A1A15; --truss-surface:#10241D; --truss-surface-2:#163029;
    --truss-brand:#C9A96E; --truss-brand-fg:#0A1A15;
    --truss-fg:#F2EDE3; --truss-muted:#9AA8A1; --truss-line:#22372F;
    --truss-accent:#C9A96E; --truss-accent-text:#C9A96E;
    --truss-logo-fg:#F2EDE3; --truss-logo-sub:#C9A96E;
    --truss-footer-bg:#06110D;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --truss-bg:#0A1A15; --truss-surface:#10241D; --truss-surface-2:#163029;
  --truss-brand:#C9A96E; --truss-brand-fg:#0A1A15;
  --truss-fg:#F2EDE3; --truss-muted:#9AA8A1; --truss-line:#22372F;
  --truss-accent:#C9A96E; --truss-accent-text:#C9A96E;
  --truss-logo-fg:#F2EDE3; --truss-logo-sub:#C9A96E;
  --truss-footer-bg:#06110D;
  color-scheme:dark;
}
body{background:var(--truss-bg);color:var(--truss-fg);font-family:var(--truss-font-sans)}
h1,h2,h3{color:var(--truss-brand)}
:root[data-theme="dark"] h1,:root[data-theme="dark"] h2,:root[data-theme="dark"] h3{color:var(--truss-fg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) h1,:root:not([data-theme="light"]) h2,:root:not([data-theme="light"]) h3{color:var(--truss-fg)}}
.truss-btn{background:var(--truss-brand);color:var(--truss-brand-fg);border-radius:var(--truss-radius)}
.truss-logo{color:var(--truss-logo-fg);display:block;height:auto}