/* peechcookie theme
   name: 또렷 Crisp
   author: peechcookie
   version: 1.0
   license: MIT

   배색: 보색(파랑 ↔ 노랑) · 비비드 · 대비 최대

   눈이 피로하거나 화면이 밝은 곳에 있을 때. 순백/순흑 바탕에 검정·흰 글자,
   테두리는 진하게, 글자는 한 칸 키웠습니다. 액센트 파랑과 짝인 노랑이
   경고·커서를 맡아 색만으로도 상태가 갈립니다.

   Palette: complementary (blue ↔ yellow) · vivid · maximum contrast.
   For tired eyes or bright rooms: pure white or pure black grounds, black or
   white type, darker borders, one step larger text. Blue accents, yellow for
   warnings and the cursor line.

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

:root[data-theme="light"] {
  --bg: #ffffff; --bg-grad: #ffffff;
  --panel: #ffffff; --panel-head: #f2f3f5;
  --surface: #ffffff; --surface-2: #f2f3f5; --toast-bg: #ffffff;
  --overlay: rgba(0, 0, 0, 0.42);
  --border: #9aa0a6; --border-soft: #c4c9ce; --border-strong: #4a5056;
  --text: #000000; --dim: #2f353b; --faint: #5c636a; --on-accent: #ffffff;
  --accent: #0b4fd0; --accent-2: #06357f;
  --accent-grad: #0b4fd0;
  --sel: #0b4fd0;
  --cursor-bg: rgba(255, 196, 0, 0.22);
  --cursor-line: #8a6100;
  --danger: #b3000f; --danger-soft: #8a3b42; --ok: #005f2f; --ok-soft: #004a25;
  --warn: #7a5200; --info: #0b4fd0;
  --hover: rgba(0, 0, 0, 0.075); --hover-strong: rgba(0, 0, 0, 0.13);
  --ctl-bg: rgba(0, 0, 0, 0.09); --row-alt: rgba(0, 0, 0, 0.045);
  --scrollbar: #9aa0a6; --scrollbar-hover: #6b7178;
  --shadow: 0 6px 20px rgba(0, 0, 0, 0.28); --shadow-menu: 0 3px 12px rgba(0, 0, 0, 0.26);
  --radius: 2px; --radius-lg: 4px;
  --font-size: 14px;
}

:root[data-theme="dark"] {
  --bg: #000000; --bg-grad: #000000;
  --panel: #000000; --panel-head: #101214;
  --surface: #0a0c0e; --surface-2: #16191c; --toast-bg: #16191c;
  --overlay: rgba(0, 0, 0, 0.76);
  --border: #6b7178; --border-soft: #393e43; --border-strong: #9aa0a6;
  --text: #ffffff; --dim: #d0d5da; --faint: #a2a8ae; --on-accent: #001129;
  --accent: #6fb0ff; --accent-2: #a8ceff;
  --accent-grad: #6fb0ff;
  --sel: #1f5fd0;
  --cursor-bg: rgba(255, 214, 0, 0.16);
  --cursor-line: #ffd600;
  --danger: #ff7a7a; --danger-soft: #d99c9c; --ok: #4dd48a; --ok-soft: #3cb573;
  --warn: #ffd600; --info: #6fb0ff;
  --hover: rgba(255, 255, 255, 0.1); --hover-strong: rgba(255, 255, 255, 0.17);
  --ctl-bg: rgba(255, 255, 255, 0.13); --row-alt: rgba(255, 255, 255, 0.05);
  --scrollbar: #6b7178; --scrollbar-hover: #9aa0a6;
  --shadow: 0 6px 20px rgba(0, 0, 0, 0.85); --shadow-menu: 0 3px 12px rgba(0, 0, 0, 0.75);
  --radius: 2px; --radius-lg: 4px;
  --font-size: 14px;
}

/* 활성 패널·커서 줄을 색뿐 아니라 두께로도 구분한다 */
.panel.active { box-shadow: inset 0 3px 0 var(--accent); }