/* peechcookie theme
   name: 수국 Hydrangea
   author: peechcookie
   version: 1.0
   license: MIT

   배색: 유사색(하늘→연보라→비취) · 파스텔 · 강한 대비

   장마철 수국 한 덩이. 액센트는 물 탄 듯 옅은 파스텔이지만 바탕은 순백과
   짙은 남색이라 글자는 또렷합니다. 파스텔 위 글자색은 어둡게 잡았습니다.

   Palette: analogous (sky → periwinkle → jade) · pastel · high contrast.
   Watered-down pastel accents on a paper-white or deep-navy ground; text on
   the accent is dark, the way ink sits on a pale petal.

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

:root[data-theme="light"] {
  --bg: #fbfcff; --bg-grad: linear-gradient(170deg, #ffffff 0%, #fafcff 60%, #eff4fd 100%);
  --panel: #fbfcff; --panel-head: #f4f7fe;
  --surface: #ffffff; --surface-2: #f2f6fe; --toast-bg: #ffffff;
  --overlay: rgba(14, 22, 48, 0.32);
  --border: #dde5f5; --border-soft: #ecf1fb; --border-strong: #b3c2e2;
  --text: #0f1730; --dim: #4d5a7d; --faint: #93a1c0; --on-accent: #10182f;
  --accent: #6289dc; --accent-2: #4a6bc0;
  --accent-grad: linear-gradient(135deg, #8fb4f0, #b9a6ea);
  --sel: color-mix(in srgb, var(--accent) 62%, #cfe0f8);
  --cursor-bg: color-mix(in srgb, var(--accent) 14%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 78%, transparent);
  --danger: #c25a7a; --danger-soft: #b8798e; --ok: #4f9e8c; --ok-soft: #3f8574;
  --warn: #b08a3c; --info: #7b7fd4;
  --hover: rgba(30, 60, 130, 0.05); --hover-strong: rgba(30, 60, 130, 0.09);
  --ctl-bg: rgba(30, 60, 130, 0.07); --row-alt: rgba(30, 60, 130, 0.026);
  --scrollbar: #ccd8ee; --scrollbar-hover: #adbedd;
  --shadow: 0 6px 22px rgba(30, 50, 100, 0.13); --shadow-menu: 0 3px 12px rgba(30, 50, 100, 0.11);
  --radius: 5px; --radius-lg: 9px;
}

:root[data-theme="dark"] {
  --bg: #0c1226; --bg-grad: linear-gradient(170deg, #101731 0%, #0c1226 60%, #080d1d 100%);
  --panel: #0c1226; --panel-head: #10172e;
  --surface: #131b34; --surface-2: #1a233f; --toast-bg: #1a233f;
  --overlay: rgba(3, 5, 14, 0.66);
  --border: #232d4c; --border-soft: #182038; --border-strong: #3a4670;
  --text: #eef2ff; --dim: #9aa8cd; --faint: #647291; --on-accent: #0d142a;
  --accent: #a8c0ff; --accent-2: #c4b6ff;
  --accent-grad: linear-gradient(135deg, #a8c0ff, #cbb4f5);
  --sel: color-mix(in srgb, var(--accent) 66%, #2d3f78);
  --cursor-bg: color-mix(in srgb, var(--accent) 12%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 70%, transparent);
  --danger: #f0899f; --danger-soft: #c8808f; --ok: #8fd8c4; --ok-soft: #77bdaa;
  --warn: #ecc887; --info: #b3b6f5;
  --hover: rgba(170, 195, 255, 0.06); --hover-strong: rgba(170, 195, 255, 0.11);
  --ctl-bg: rgba(170, 195, 255, 0.11); --row-alt: rgba(170, 195, 255, 0.025);
  --scrollbar: #2b365a; --scrollbar-hover: #3e4c78;
  --shadow: 0 6px 24px rgba(0, 0, 0, 0.55); --shadow-menu: 0 3px 13px rgba(0, 0, 0, 0.45);
  --radius: 5px; --radius-lg: 9px;
}