/* peechcookie theme
   name: 삼원 Triad
   author: peechcookie
   version: 1.0
   license: MIT

   배색: 삼각 배색(빨강·노랑·파랑) · 비비드 · 강한 대비

   색상환을 삼등분한 원색 셋만 씁니다. 빨강은 액센트, 파랑은 폴더와 커서,
   노랑은 경고. 회색 바탕에 직각 모서리, 기하학 산세리프로 묶었습니다.

   Palette: triadic (red · yellow · blue) · vivid · high contrast.
   Three primaries at 120° apart and nothing else: red accents, blue for
   folders and the cursor, yellow for warnings — square corners, geometric type.

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

:root[data-theme="light"] {
  --bg: #f4f2ec; --bg-grad: #f4f2ec;
  --panel: #f4f2ec; --panel-head: #efece4;
  --surface: #fbfaf6; --surface-2: #eae7de; --toast-bg: #fbfaf6;
  --overlay: rgba(20, 20, 20, 0.34);
  --border: #d5d1c6; --border-soft: #e4e0d5; --border-strong: #9d9a90;
  --text: #121212; --dim: #55524c; --faint: #8f8c85; --on-accent: #fffdf8;
  --accent: #d5222a; --accent-2: #1250c0;
  --accent-grad: linear-gradient(135deg, #e02a26, #f2b705);
  --sel: color-mix(in srgb, var(--accent) 90%, #6b0006);
  --cursor-bg: color-mix(in srgb, #1250c0 8%, transparent);
  --cursor-line: color-mix(in srgb, #1250c0 75%, transparent);
  --danger: #d5222a; --danger-soft: #b45c60; --ok: #17794a; --ok-soft: #12643c;
  --warn: #b07f00; --info: #1250c0;
  --hover: rgba(20, 20, 20, 0.06); --hover-strong: rgba(20, 20, 20, 0.1);
  --ctl-bg: rgba(20, 20, 20, 0.08); --row-alt: rgba(20, 20, 20, 0.028);
  --scrollbar: #cbc7bb; --scrollbar-hover: #a9a59a;
  --shadow: 0 6px 20px rgba(30, 30, 25, 0.16); --shadow-menu: 0 3px 11px rgba(30, 30, 25, 0.14);
  --radius: 0px; --radius-lg: 0px;
  --font: "Bahnschrift", "Century Gothic", "Malgun Gothic", system-ui, sans-serif;
}

:root[data-theme="dark"] {
  --bg: #131313; --bg-grad: #131313;
  --panel: #131313; --panel-head: #181818;
  --surface: #1c1c1c; --surface-2: #232323; --toast-bg: #232323;
  --overlay: rgba(0, 0, 0, 0.66);
  --border: #2e2e2e; --border-soft: #222222; --border-strong: #4c4c4c;
  --text: #f6f3ec; --dim: #a8a49c; --faint: #6f6c66; --on-accent: #1a0002;
  --accent: #f0403a; --accent-2: #4d90ff;
  --accent-grad: linear-gradient(135deg, #f0403a, #ffc61a);
  --sel: color-mix(in srgb, var(--accent) 82%, #7d0f0b);
  --cursor-bg: color-mix(in srgb, #4d90ff 12%, transparent);
  --cursor-line: color-mix(in srgb, #4d90ff 72%, transparent);
  --danger: #f0403a; --danger-soft: #c4706c; --ok: #35bd77; --ok-soft: #2b9d62;
  --warn: #ffc61a; --info: #4d90ff;
  --hover: rgba(255, 255, 255, 0.055); --hover-strong: rgba(255, 255, 255, 0.1);
  --ctl-bg: rgba(255, 255, 255, 0.1); --row-alt: rgba(255, 255, 255, 0.022);
  --scrollbar: #383838; --scrollbar-hover: #4f4f4f;
  --shadow: 0 6px 20px rgba(0, 0, 0, 0.6); --shadow-menu: 0 3px 11px rgba(0, 0, 0, 0.5);
  --radius: 0px; --radius-lg: 0px;
  --font: "Bahnschrift", "Century Gothic", "Malgun Gothic", system-ui, sans-serif;
}

/* 활성 패널 윗줄은 굵게 — 원색 띠 하나로 읽히도록 */
.panel.active { box-shadow: inset 0 3px 0 var(--accent); }