/* peechcookie theme
   name: 노을 Sunset
   author: peechcookie
   version: 1.0
   license: MIT

   배색: 유사색(호박→주황→자홍) · 비비드 · 강한 대비

   해가 넘어가기 직전 십 분. 이웃한 난색만 써서 한 덩어리로 타오르되,
   글자는 거의 검정과 거의 흰색으로 눌러 대비를 세게 잡았습니다.

   Palette: analogous (amber → orange → magenta) · vivid · high contrast.
   Ten minutes before the sun goes down — one continuous warm burn, with
   near-black and near-white type keeping the contrast hard.

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

:root[data-theme="light"] {
  --bg: #fff6ee; --bg-grad: linear-gradient(160deg, #fffaf5 0%, #fff3ea 55%, #ffe8da 100%);
  --panel: #fff6ee; --panel-head: #fff1e6;
  --surface: #fffdfa; --surface-2: #ffefe3; --toast-bg: #fffdfa;
  --overlay: rgba(70, 22, 8, 0.3);
  --border: #f4d6c1; --border-soft: #fbe7da; --border-strong: #e0ab8b;
  --text: #2a0f06; --dim: #7c4229; --faint: #b98a6e; --on-accent: #fff7f2;
  --accent: #e6461a; --accent-2: color-mix(in srgb, var(--accent) 78%, #000);
  --accent-grad: linear-gradient(135deg, #ff6a33, #d2117a);
  --sel: color-mix(in srgb, var(--accent) 88%, #6d1400);
  --cursor-bg: color-mix(in srgb, var(--accent) 10%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 62%, transparent);
  --danger: #c81d4a; --danger-soft: #bb5c74; --ok: #2c8a5e; --ok-soft: #23744e;
  --warn: #b8770a; --info: #8b52b8;
  --hover: rgba(120, 40, 10, 0.055); --hover-strong: rgba(120, 40, 10, 0.1);
  --ctl-bg: rgba(120, 40, 10, 0.085); --row-alt: rgba(120, 40, 10, 0.03);
  --scrollbar: #efc9b0; --scrollbar-hover: #dda98a;
  --shadow: 0 6px 22px rgba(120, 50, 20, 0.16); --shadow-menu: 0 3px 12px rgba(120, 50, 20, 0.14);
  --radius: 4px; --radius-lg: 8px;
}

:root[data-theme="dark"] {
  --bg: #1a0c09; --bg-grad: linear-gradient(160deg, #20100b 0%, #1a0c09 55%, #130806 100%);
  --panel: #1a0c09; --panel-head: #1f100b;
  --surface: #241310; --surface-2: #2c1813; --toast-bg: #2c1813;
  --overlay: rgba(10, 3, 2, 0.62);
  --border: #3a201a; --border-soft: #2a1611; --border-strong: #573126;
  --text: #ffece0; --dim: #c08f77; --faint: #8a6050; --on-accent: #2b0a02;
  --accent: #ff7538; --accent-2: color-mix(in srgb, var(--accent) 76%, #fff);
  --accent-grad: linear-gradient(135deg, #ff7538, #ff2e88);
  --sel: color-mix(in srgb, var(--accent) 74%, #b81a5e);
  --cursor-bg: color-mix(in srgb, var(--accent) 13%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 58%, transparent);
  --danger: #ff5c78; --danger-soft: #d1737f; --ok: #52c48c; --ok-soft: #43a875;
  --warn: #ffb43d; --info: #c08aff;
  --hover: rgba(255, 160, 110, 0.06); --hover-strong: rgba(255, 160, 110, 0.11);
  --ctl-bg: rgba(255, 160, 110, 0.12); --row-alt: rgba(255, 160, 110, 0.028);
  --scrollbar: #4a291f; --scrollbar-hover: #6b3b2c;
  --shadow: 0 6px 24px rgba(0, 0, 0, 0.58); --shadow-menu: 0 3px 13px rgba(0, 0, 0, 0.5);
  --radius: 4px; --radius-lg: 8px;
}