/* peechcookie theme
   name: 네온 Neon
   author: peechcookie
   version: 1.0
   license: MIT

   비 젖은 밤거리의 간판 불빛. 거의 검정에 가까운 바탕 위에 시안과 마젠타가
   흐르고, 활성 패널에는 옅은 글로우가 번집니다. 라이트는 같은 배색을 낮으로
   옮긴 밝은 사이버 버전입니다.

   Neon signage on a rain-slick street: near-black ground, cyan-to-magenta
   accent, a soft glow on the active panel. The light palette is the same
   wiring in daylight.

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

:root[data-theme="light"] {
  --bg: #f3f5f8; --bg-grad: linear-gradient(165deg, #f7f9fb 0%, #f1f4f7 60%, #e9edf2 100%);
  --panel: #f3f5f8; --panel-head: #f3f5f8;
  --surface: #fbfcfd; --surface-2: #eaeef3; --toast-bg: #fbfcfd;
  --overlay: rgba(15, 25, 35, 0.28);
  --border: #d5dde5; --border-soft: #e4eaf0; --border-strong: #a8b6c2;
  --text: #10181f; --dim: #566470; --faint: #94a2ae; --on-accent: #ffffff;
  --accent: #0a9c93; --accent-2: color-mix(in srgb, var(--accent) 82%, #000);
  --accent-grad: linear-gradient(135deg, #0aa79b, #b0349a);
  --sel: color-mix(in srgb, var(--accent) 84%, #04544e);
  --cursor-bg: color-mix(in srgb, var(--accent) 10%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 62%, transparent);
  --danger: #d62958; --danger-soft: #bd5c78; --ok: #12a06a; --ok-soft: #0e8b5b;
  --warn: #c08a10; --info: #5a5fd0;
  --hover: rgba(10, 40, 60, 0.05); --hover-strong: rgba(10, 40, 60, 0.09);
  --ctl-bg: rgba(10, 40, 60, 0.09); --row-alt: rgba(10, 40, 60, 0.026);
  --scrollbar: #c6d0da; --scrollbar-hover: #a4b2be;
  --shadow: 0 6px 22px rgba(20, 40, 60, 0.14); --shadow-menu: 0 3px 12px rgba(20, 40, 60, 0.12);
  --radius: 2px; --radius-lg: 3px;
  --mono: "Cascadia Mono", "Consolas", monospace;
}

:root[data-theme="dark"] {
  --bg: #07070c; --bg-grad: linear-gradient(165deg, #090911 0%, #07070c 60%, #050509 100%);
  --panel: #07070c; --panel-head: #07070c;
  --surface: #0d0d16; --surface-2: #12121d; --toast-bg: #12121d;
  --overlay: rgba(0, 0, 0, 0.66);
  --border: #1d1d2e; --border-soft: #15151f; --border-strong: #2f2f4a;
  --text: #e6f6ff; --dim: #8fa3bd; --faint: #566079; --on-accent: #04141a;
  --accent: #22e3d3; --accent-2: color-mix(in srgb, var(--accent) 74%, #fff);
  --accent-grad: linear-gradient(135deg, #22e3d3, #e04ff0);
  --sel: color-mix(in srgb, var(--accent) 70%, #e04ff0);
  --cursor-bg: color-mix(in srgb, var(--accent) 12%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 60%, transparent);
  --danger: #ff4d6d; --danger-soft: #d4707f; --ok: #4dffa8; --ok-soft: #3ad48b;
  --warn: #ffd24d; --info: #7b8cff;
  --hover: rgba(80, 230, 240, 0.06); --hover-strong: rgba(80, 230, 240, 0.11);
  --ctl-bg: rgba(80, 230, 240, 0.13); --row-alt: rgba(80, 230, 240, 0.025);
  --scrollbar: #23233a; --scrollbar-hover: #35355a;
  --shadow: 0 6px 26px rgba(0, 0, 0, 0.66); --shadow-menu: 0 3px 14px rgba(0, 0, 0, 0.55);
  --radius: 2px; --radius-lg: 3px;
  --mono: "Cascadia Mono", "Consolas", monospace;
}

/* 활성 패널 — 상단 액센트 선에 옅은 글로우를 얹는다 */
.panel.active {
  box-shadow: inset 0 2px 0 var(--accent),
              inset 0 14px 26px -22px color-mix(in srgb, var(--accent) 70%, transparent);
}