/* peechcookie theme
   name: 말랑 Marshmallow
   author: peechcookie
   version: 1.0
   license: MIT

   모서리를 넉넉히 굴린 말랑한 UI. 흐린 하늘빛 액센트에 뽀얀 회백색 표면,
   그림자는 아주 옅게. 기본 테마의 각진 인쇄물 느낌과 정반대 성격입니다.

   Soft, generously rounded surfaces with a hazy sky-blue accent and barely
   there shadows — the opposite of the default printed-paper look.

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

:root[data-theme="light"] {
  --bg: #f6f8fb; --bg-grad: #f6f8fb; --panel: #f6f8fb; --panel-head: #f6f8fb;
  --surface: #ffffff; --surface-2: #eef2f7; --toast-bg: #ffffff;
  --overlay: rgba(30, 40, 55, 0.24);
  --border: #e2e8f0; --border-soft: #edf1f6; --border-strong: #c3ccd9;
  --text: #23293a; --dim: #6b7488; --faint: #a3abbc; --on-accent: #ffffff;
  --accent: #4a8dfa; --accent-2: color-mix(in srgb, var(--accent) 84%, #000);
  --accent-grad: linear-gradient(135deg, #5c99fb, #3a7be8);
  --sel: color-mix(in srgb, var(--accent) 86%, #1a4fa8);
  --cursor-bg: color-mix(in srgb, var(--accent) 9%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 55%, transparent);
  --danger: #e04f4f; --danger-soft: #cf6f6f; --ok: #2a9c6c; --ok-soft: #23855b;
  --warn: #b8811a; --info: #4a7fe0;
  --hover: rgba(35, 60, 110, 0.045); --hover-strong: rgba(35, 60, 110, 0.085);
  --ctl-bg: rgba(35, 60, 110, 0.08); --row-alt: rgba(35, 60, 110, 0.024);
  --scrollbar: #d3dae4; --scrollbar-hover: #b4becd;
  --shadow: 0 10px 30px rgba(35, 55, 95, 0.12); --shadow-menu: 0 5px 16px rgba(35, 55, 95, 0.1);
  --radius: 10px; --radius-lg: 14px;
}

:root[data-theme="dark"] {
  --bg: #1b1e26; --bg-grad: #1b1e26; --panel: #1b1e26; --panel-head: #1b1e26;
  --surface: #232732; --surface-2: #2a2f3c; --toast-bg: #2a2f3c;
  --overlay: rgba(8, 10, 14, 0.56);
  --border: #333a49; --border-soft: #282d39; --border-strong: #475063;
  --text: #e8ecf4; --dim: #9aa3b6; --faint: #666e80; --on-accent: #0e1728;
  --accent: #6fa8ff; --accent-2: color-mix(in srgb, var(--accent) 78%, #fff);
  --accent-grad: linear-gradient(135deg, #7fb2ff, #5b93ee);
  --sel: color-mix(in srgb, var(--accent) 82%, #2b62c0);
  --cursor-bg: color-mix(in srgb, var(--accent) 13%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 52%, transparent);
  --danger: #ff7b7b; --danger-soft: #d18a8a; --ok: #5fd3a0; --ok-soft: #4cba8b;
  --warn: #f0c165; --info: #8bb6ff;
  --hover: rgba(180, 205, 255, 0.05); --hover-strong: rgba(180, 205, 255, 0.09);
  --ctl-bg: rgba(180, 205, 255, 0.11); --row-alt: rgba(180, 205, 255, 0.022);
  --scrollbar: #3a4254; --scrollbar-hover: #4e5871;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.45); --shadow-menu: 0 5px 16px rgba(0, 0, 0, 0.38);
  --radius: 10px; --radius-lg: 14px;
}