/* ── 브랜드별 강조색(v1) ─────────────────────────────────────────────────────────
   한 소스로 세 도메인을 서비스한다 — vunex-cloud.com(VUNex, 파랑) / secure-xops.com·guard-force.net(xops 로고 주황).
   <body> 에 brand-{xops|guardforce|vunex} 클래스(getDomainInfo()['brand'])가 붙고, 여기서 주요색 토큰만 바꾼다.
   화면 CSS 는 파랑을 직접 쓰지 말고 아래 토큰을 쓴다:
     --primary-normal / --primary-hover        주요 버튼 바탕·선택 표시
     rgba(var(--primary-rgb), a)                옅은 바탕·테두리·포커스 링
     --primary-tint-text / --primary-tint-text-hover / --primary-tint-border   기능(옅은) 버튼 글자·테두리
   앰버·세이지 테마는 테마 색을 유지한다(브랜드 덮어쓰기 제외).
   주황 바탕 + 흰 글자 대비: 다크 #DE7935 3.1:1, 라이트 #CB682A 3.8:1 (기존 파랑 #3385FF 3.7:1).
   2026-10-21 채도를 낮추되(89%→약 70%) 어둡지 않게 밝기를 올림 — 예전 #D95A0C/#C2530A 가 너무 진하다는 의견.
   흰 글자 대비가 다소 낮아(3:1 이상) 버튼 글자는 굵게 유지. */

/* 기본(파랑) — 예전엔 --primary-rgb 를 쓰는 곳이 있었는데 정의가 없어 그 바탕이 투명했다 */
:root {
    --primary-hover: #2563eb;
    --primary-strong: #2563eb;
    --primary-pressed: #1d4fd8;
    --primary-rgb: 51, 133, 255;
    --primary-normal-rgb: 51, 133, 255;
    --primary-tint-text: #66a3ff;
    --primary-tint-text-hover: #8cbaff;
    --primary-tint-border: rgba(51, 133, 255, 0.55);
}
body.theme-light:not(.theme-amber):not(.theme-sage) {
    --primary-tint-text: #0066e6;
    --primary-tint-text-hover: #0058c7;
    --primary-tint-border: rgba(0, 102, 230, 0.45);
}

/* xops·guardforce — 다크 */
body.brand-xops.theme-dark,
body.brand-guardforce.theme-dark {
    --primary-normal: #DE7935;
    --primary-hover: #CB6A2A;
    --primary-strong: #CB6A2A;
    --primary-pressed: #AE5E29;
    --primary-rgb: 222, 121, 53;
    --primary-normal-rgb: 222, 121, 53;
    --primary-tint-text: #F4AA71;
    --primary-tint-text-hover: #F8BD91;
    --primary-tint-border: rgba(222, 121, 53, 0.6);
    --secure-color: #DE7935;
    --secure-hover-color: #CB6A2A;
    /* 주의(cautionary/warning) 주황이 브랜드 주황과 겹쳐 노랑 쪽으로 뗀다. 정보(info) 파랑은 의미색이라 그대로 */
    --status-cautionary: #FFC83D;
    --sev-warning: #FFC83D;
}

/* xops·guardforce — 라이트(앰버·세이지 제외) */
body.brand-xops.theme-light:not(.theme-amber):not(.theme-sage),
body.brand-guardforce.theme-light:not(.theme-amber):not(.theme-sage) {
    --primary-normal: #CB682A;
    --primary-hover: #B05B27;
    --primary-strong: #B05B27;
    --primary-pressed: #954F23;
    --primary-rgb: 203, 104, 42;
    --primary-normal-rgb: 203, 104, 42;
    --primary-tint-text: #B05B27;
    --primary-tint-text-hover: #954F23;
    --primary-tint-border: rgba(203, 104, 42, 0.45);
    --secure-color: #CB682A;
    --secure-hover-color: #B05B27;
    --status-cautionary: #8F6A00;
    --sev-warning: #8F6A00;
}