:root {
  /* light ground — the craftsman's side */
  /* 2026-09-15 보스 지시: 크림톤(#F4EFE3 계열) → 세이지 그린(3안)으로 교체했다가,
     실제 화면에서 카드 패널의 초록 채도가 너무 강해 콘텐츠보다 배경이 먼저
     눈에 띄고 산만해 보인다는 보스 피드백으로 다시 변경. 따뜻한 색감을 최대한
     빼고 채도를 낮춘 중립 회백색(2안 채택)으로 교체 — 골드 accent(로고·버튼)가
     배경과 색상 경쟁 없이 더 또렷하게 도드라져 보이도록. panel/panel-2는 원래
     크림 팔레트와 같은 명도 간격을 유지해 파생. */
  --page: #F1F1EF;
  --panel: #E5E5E1;
  --panel-2: #D9D9D3;

  --text: #23201A;
  --text-muted: #6A6354;
  --text-faint: #9A9280;

  --rule: rgba(35, 32, 26, 0.13);
  --rule-strong: rgba(35, 32, 26, 0.28);

  --accent: #8E6A2E;
  --accent-soft: #B58F4C;
  --accent-pale: #E5D2A8;
  --data: #3D6275;
  --data-soft: #6E93A6;

  --chrome: linear-gradient(
    177deg,
    #4A3512 0%,
    #8E6A2E 20%,
    #C6A163 40%,
    #6E5220 58%,
    #B08A46 76%,
    #46320F 100%
  );

  /* dark ground — the machine's side */
  --dark-page: #16191D;
  --dark-panel: #1E2228;

  --font-display-kr: "Noto Serif KR", "Nanum Myeongjo", serif;
  --font-display-en: "Instrument Serif", "Noto Serif KR", serif;
  --font-body: "IBM Plex Sans KR", "Apple SD Gothic Neo", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --gutter: clamp(20px, 4.2vw, 68px);
  --container: 1360px;

  --ease: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
}

.on-dark {
  --page: var(--dark-page);
  --panel: var(--dark-panel);
  --panel-2: #272C33;

  --text: #F4EFE3;
  --text-muted: #A49C8D;
  --text-faint: #6E6759;

  --rule: rgba(244, 239, 227, 0.14);
  --rule-strong: rgba(244, 239, 227, 0.3);

  --accent: #C09A5C;
  --accent-soft: #E0C489;
  --accent-pale: #7A5F2C;
  --data: #7FA5B8;
  --data-soft: #A9C4D2;

  --chrome: linear-gradient(
    177deg,
    #FFFDF7 0%,
    #EBD8B2 24%,
    #A98553 46%,
    #FFF8E8 60%,
    #C9A46A 76%,
    #7C5F2C 100%
  );

  background: var(--page);
  color: var(--text);
}