/* peechcookie theme
   name: 이끼 Moss
   author: peechcookie
   version: 1.0
   license: MIT

   숲 그늘의 이끼빛. 채도를 낮춘 세이지·포레스트 그린에 흙빛 테두리를 얹어
   차분하게 정돈했습니다. 눈의 피로가 적어 오래 켜 두는 작업에 좋습니다.

   Moss in forest shade — desaturated sage and forest green over earthy
   borders, tuned for long, quiet sessions.

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

:root[data-theme="light"] {
  --bg: #f2f4ec; --bg-grad: linear-gradient(165deg, #f6f8f1 0%, #f0f3e9 60%, #e9ede0 100%);
  --panel: #f2f4ec; --panel-head: #f2f4ec;
  --surface: #f9fbf4; --surface-2: #ecefe3; --toast-bg: #f9fbf4;
  --overlay: rgba(35, 45, 30, 0.25);
  --border: #d7ddc9; --border-soft: #e5e9d9; --border-strong: #b3bda0;
  --text: #23291f; --dim: #5f6a55; --faint: #9aa38e; --on-accent: #f7fbf2;
  --accent: #4e7d3a; --accent-2: color-mix(in srgb, var(--accent) 82%, #000);
  --accent-grad: linear-gradient(135deg, #5b8c44, #416b30);
  --sel: color-mix(in srgb, var(--accent) 86%, #24461a);
  --cursor-bg: color-mix(in srgb, var(--accent) 10%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 58%, transparent);
  --danger: #b8503f; --danger-soft: #a86a5c; --ok: #3f8a58; --ok-soft: #33774a;
  --warn: #ad841c; --info: #3f7d7a;
  --hover: rgba(45, 60, 30, 0.05); --hover-strong: rgba(45, 60, 30, 0.09);
  --ctl-bg: rgba(45, 60, 30, 0.09); --row-alt: rgba(45, 60, 30, 0.028);
  --scrollbar: #cbd2bc; --scrollbar-hover: #adb79a;
  --shadow: 0 6px 22px rgba(45, 60, 35, 0.13); --shadow-menu: 0 3px 12px rgba(45, 60, 35, 0.11);
  --radius: 2px; --radius-lg: 3px;
}

:root[data-theme="dark"] {
  --bg: #171d19; --bg-grad: linear-gradient(165deg, #1a211c 0%, #161c18 60%, #131814 100%);
  --panel: #171d19; --panel-head: #171d19;
  --surface: #1e2621; --surface-2: #232c26; --toast-bg: #232c26;
  --overlay: rgba(6, 10, 7, 0.58);
  --border: #303a33; --border-soft: #262e28; --border-strong: #445046;
  --text: #e3e9dd; --dim: #9aab97; --faint: #667063; --on-accent: #12180f;
  --accent: #8fbf6a; --accent-2: color-mix(in srgb, var(--accent) 78%, #fff);
  --accent-grad: linear-gradient(135deg, #9bc978, #7cab58);
  --sel: color-mix(in srgb, var(--accent) 82%, #3f6b28);
  --cursor-bg: color-mix(in srgb, var(--accent) 13%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 52%, transparent);
  --danger: #e07a6a; --danger-soft: #c4867a; --ok: #6fc38f; --ok-soft: #5cab7a;
  --warn: #e0b558; --info: #79b0ab;
  --hover: rgba(200, 225, 190, 0.05); --hover-strong: rgba(200, 225, 190, 0.09);
  --ctl-bg: rgba(200, 225, 190, 0.1); --row-alt: rgba(200, 225, 190, 0.022);
  --scrollbar: #364038; --scrollbar-hover: #48554b;
  --shadow: 0 6px 22px rgba(0, 0, 0, 0.45); --shadow-menu: 0 3px 12px rgba(0, 0, 0, 0.38);
  --radius: 2px; --radius-lg: 3px;
}