/* ===========================================================================
   System A — 작업표시줄, 시작 메뉴, 검색, 볼륨·날짜 팝업
   "영역 × 테마"의 2×2 구조(model/dao/Setting.go):
     영역 A = 작업표시줄/팝오버 표면 그 자체
     영역 B = 그 위에 얹히는 입력·항목 톤
   각 영역이 기본(base)/강조(accent) 테마를 갖고, 테마마다 배경·폰트·테두리.

   여기 값은 폴백일 뿐이다 — 실제로 화면을 칠하는 건 서버가 렌더한
   <style>{{.Setting.InitialThemeCSS}}</style>(model/dto/SettingCSS.go)이고,
   그 뒤 homepage.js가 /api/homepage/info 값으로 다시 덮어쓴다. 이 파일은
   그 두 경로가 모두 실패했을 때만 보인다.
   ========================================================================== */
:root {
  /* 영역 A — 기본 */
  --system-a-area-a-base-color: #000;
  --system-a-area-a-base-rgb: 0, 0, 0;
  --system-a-area-a-base-alpha: var(--surface-alpha);
  --system-a-area-a-base-font-color: #fff;
  --system-a-area-a-base-font-rgb: 255, 255, 255;
  --system-a-area-a-base-border-color: #000;
  --system-a-area-a-base-border-rgb: 0, 0, 0;
  --system-a-area-a-base-border-alpha: var(--surface-alpha);

  /* 영역 A — 강조 */
  --system-a-area-a-accent-color: #000;
  --system-a-area-a-accent-rgb: 0, 0, 0;
  --system-a-area-a-accent-alpha: var(--surface-alpha);
  --system-a-area-a-accent-font-color: #2b97ff;
  --system-a-area-a-accent-font-rgb: 43, 151, 255;
  --system-a-area-a-accent-border-color: #2b97ff;
  --system-a-area-a-accent-border-rgb: 43, 151, 255;
  /* 예전 hover는 테두리를 투명하게 눌러 뒀다 — 0으로 그 모습을 유지한다. */
  --system-a-area-a-accent-border-alpha: 0;

  /* 영역 B — 기본 */
  --system-a-area-b-base-color: #fff;
  --system-a-area-b-base-rgb: 255, 255, 255;
  --system-a-area-b-base-alpha: var(--surface-alpha);
  --system-a-area-b-base-font-color: #000;
  --system-a-area-b-base-font-rgb: 0, 0, 0;
  --system-a-area-b-base-border-color: #2b97ff;
  --system-a-area-b-base-border-rgb: 43, 151, 255;
  --system-a-area-b-base-border-alpha: var(--surface-alpha);

  /* 영역 B — 강조 */
  --system-a-area-b-accent-color: #fff;
  --system-a-area-b-accent-rgb: 255, 255, 255;
  --system-a-area-b-accent-alpha: var(--surface-alpha);
  --system-a-area-b-accent-font-color: #2b97ff;
  --system-a-area-b-accent-font-rgb: 43, 151, 255;
  --system-a-area-b-accent-border-color: #2b97ff;
  --system-a-area-b-accent-border-rgb: 43, 151, 255;
  --system-a-area-b-accent-border-alpha: var(--surface-alpha);
}