/* peechcookie theme
   name: 자정 Midnight Indigo
   author: peechcookie
   version: 1.0
   license: MIT

   자정의 잉크빛 남색. 깊은 인디고 바탕에 은은한 코발트 액센트, 별빛처럼 옅은
   테두리. 어두운 방에서 오래 봐도 눈이 편하도록 대비를 낮췄습니다. 라이트는
   같은 남색을 종이에 옮긴 낮 버전입니다.

   Deep indigo night with a cobalt accent and starlight-thin borders; the light
   palette is the same blue moved onto paper.

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

:root[data-theme="light"] {
  --bg: #f2f4fb; --bg-grad: linear-gradient(165deg, #f6f7fd 0%, #eef1fa 60%, #e6ebf7 100%);
  --panel: #f2f4fb; --panel-head: #f2f4fb;
  --surface: #f9faff; --surface-2: #eceffa; --toast-bg: #f9faff;
  --overlay: rgba(20, 28, 60, 0.26);
  --border: #d5dbef; --border-soft: #e3e8f6; --border-strong: #adb7d6;
  --text: #1b2340; --dim: #5b6588; --faint: #98a1bd; --on-accent: #f6f8ff;
  --accent: #3d5bd0; --accent-2: color-mix(in srgb, var(--accent) 82%, #000);
  --accent-grad: linear-gradient(135deg, #4c6ade, #3049b8);
  --sel: color-mix(in srgb, var(--accent) 86%, #1a2a80);
  --cursor-bg: color-mix(in srgb, var(--accent) 10%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 58%, transparent);
  --danger: #cf4a63; --danger-soft: #bb6474; --ok: #2e9a78; --ok-soft: #248566;
  --warn: #c08b1c; --info: #3f7fc4;
  --hover: rgba(30, 45, 100, 0.05); --hover-strong: rgba(30, 45, 100, 0.09);
  --ctl-bg: rgba(30, 45, 100, 0.1); --row-alt: rgba(30, 45, 100, 0.03);
  --scrollbar: #c6cee6; --scrollbar-hover: #a6b1d2;
  --shadow: 0 6px 22px rgba(30, 45, 95, 0.14); --shadow-menu: 0 3px 12px rgba(30, 45, 95, 0.12);
  --radius: 3px; --radius-lg: 4px;
}

:root[data-theme="dark"] {
  --bg: #11162a; --bg-grad: linear-gradient(165deg, #141a31 0%, #111629 58%, #0d1122 100%);
  --panel: #11162a; --panel-head: #11162a;
  --surface: #1a2038; --surface-2: #1f2642; --toast-bg: #1f2642;
  --overlay: rgba(4, 6, 16, 0.6);
  --border: #29314f; --border-soft: #1f2640; --border-strong: #3c4670;
  --text: #e2e7f5; --dim: #97a1c4; --faint: #626c92; --on-accent: #0b0f1e;
  --accent: #6f8dff; --accent-2: color-mix(in srgb, var(--accent) 78%, #fff);
  --accent-grad: linear-gradient(135deg, #7d97ff, #5a76f0);
  --sel: color-mix(in srgb, var(--accent) 82%, #2b3ea8);
  --cursor-bg: color-mix(in srgb, var(--accent) 14%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 55%, transparent);
  --danger: #ff6b81; --danger-soft: #d3808f; --ok: #4fd0a0; --ok-soft: #3fb88b;
  --warn: #f0c05a; --info: #7bb8ff;
  --hover: rgba(150, 175, 255, 0.05); --hover-strong: rgba(150, 175, 255, 0.09);
  --ctl-bg: rgba(150, 175, 255, 0.12); --row-alt: rgba(150, 175, 255, 0.025);
  --scrollbar: #2c3556; --scrollbar-hover: #3d4874;
  --shadow: 0 6px 22px rgba(0, 0, 0, 0.5); --shadow-menu: 0 3px 12px rgba(0, 0, 0, 0.42);
  --radius: 3px; --radius-lg: 4px;
}