/* peechcookie theme
   name: 안개 Fog
   author: peechcookie
   version: 1.0
   license: MIT

   색을 거의 뺀 무채색 안개. 파일 이름과 내용에만 눈이 가도록 UI 자체는 회색
   뒤로 물러납니다. 색상 규칙이나 Git 표시처럼 정보를 담은 색만 도드라집니다.

   Colour drained down to grey mist: the interface steps back so filenames and
   content carry the eye, and only meaningful colour (file rules, Git badges)
   stands out.

   설치 — 설정 → 개인화 → CSS 가져오기…에서 이 파일을 고르세요.
   Install — Settings → Personalize → Import CSS… and pick this file. */

:root[data-theme="light"] {
  --bg: #f4f5f6; --bg-grad: #f4f5f6; --panel: #f4f5f6; --panel-head: #f4f5f6;
  --surface: #fafbfb; --surface-2: #edeff0; --toast-bg: #fafbfb;
  --overlay: rgba(30, 34, 38, 0.24);
  --border: #dfe2e4; --border-soft: #e9ebed; --border-strong: #c0c5c9;
  --text: #2a2e31; --dim: #6e757a; --faint: #a4abaf; --on-accent: #f7f9fa;
  --accent: #5b6e7a; --accent-2: color-mix(in srgb, var(--accent) 82%, #000);
  --accent-grad: var(--accent);
  --sel: color-mix(in srgb, var(--accent) 86%, #26343d);
  --cursor-bg: color-mix(in srgb, var(--accent) 9%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 58%, transparent);
  --danger: #b05a56; --danger-soft: #a2716e; --ok: #55886c; --ok-soft: #47765b;
  --warn: #9a8043; --info: #5f7a8c;
  --hover: rgba(40, 48, 54, 0.045); --hover-strong: rgba(40, 48, 54, 0.085);
  --ctl-bg: rgba(40, 48, 54, 0.07); --row-alt: rgba(40, 48, 54, 0.022);
  --scrollbar: #d2d6d9; --scrollbar-hover: #b2b8bc;
  --shadow: 0 6px 22px rgba(40, 48, 54, 0.1); --shadow-menu: 0 3px 12px rgba(40, 48, 54, 0.09);
  --radius: 2px; --radius-lg: 3px;
}

:root[data-theme="dark"] {
  --bg: #191b1d; --bg-grad: #191b1d; --panel: #191b1d; --panel-head: #191b1d;
  --surface: #202325; --surface-2: #26292c; --toast-bg: #26292c;
  --overlay: rgba(6, 7, 8, 0.58);
  --border: #303436; --border-soft: #26292b; --border-strong: #454b4e;
  --text: #dfe3e5; --dim: #8d9498; --faint: #5b6165; --on-accent: #14181a;
  --accent: #8fa3ad; --accent-2: color-mix(in srgb, var(--accent) 78%, #fff);
  --accent-grad: var(--accent);
  --sel: color-mix(in srgb, var(--accent) 82%, #4a5c66);
  --cursor-bg: color-mix(in srgb, var(--accent) 12%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 50%, transparent);
  --danger: #cf8078; --danger-soft: #b58a85; --ok: #83b499; --ok-soft: #6f9d84;
  --warn: #c7ab6e; --info: #8fa8bb;
  --hover: rgba(220, 230, 235, 0.045); --hover-strong: rgba(220, 230, 235, 0.085);
  --ctl-bg: rgba(220, 230, 235, 0.09); --row-alt: rgba(220, 230, 235, 0.02);
  --scrollbar: #35393c; --scrollbar-hover: #474d51;
  --shadow: 0 6px 22px rgba(0, 0, 0, 0.42); --shadow-menu: 0 3px 12px rgba(0, 0, 0, 0.36);
  --radius: 2px; --radius-lg: 3px;
}