/* peechcookie theme
   name: 모래 Sand
   author: peechcookie
   version: 1.0
   license: MIT

   볕에 데워진 모래와 얕은 바다. 크림빛 종이 바탕에 청록 액센트를 하나만 놓아
   따뜻함과 차가움을 반씩 섞었습니다. 다크는 해가 진 뒤의 같은 해변입니다.

   Warm sand and shallow water: a cream ground with a single teal accent,
   half warm and half cool. The dark palette is that beach after sundown.

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

:root[data-theme="light"] {
  --bg: #f6efdd; --bg-grad: linear-gradient(165deg, #faf4e5 0%, #f4eddb 60%, #ece2cb 100%);
  --panel: #f6efdd; --panel-head: #f6efdd;
  --surface: #fdf8ea; --surface-2: #f0e8d4; --toast-bg: #fdf8ea;
  --overlay: rgba(55, 45, 25, 0.26);
  --border: #ddd2b6; --border-soft: #eae1c9; --border-strong: #c0b28e;
  --text: #3a3527; --dim: #6f6752; --faint: #a49a80; --on-accent: #fdf8ea;
  --accent: #17796f; --accent-2: color-mix(in srgb, var(--accent) 82%, #000);
  --accent-grad: linear-gradient(135deg, #1c8a7e, #12655d);
  --sel: color-mix(in srgb, var(--accent) 88%, #084440);
  --cursor-bg: color-mix(in srgb, var(--accent) 10%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 60%, transparent);
  --danger: #b4463c; --danger-soft: #a2625a; --ok: #5c8c2f; --ok-soft: #4c7726;
  --warn: #b08113; --info: #2c6f9e;
  --hover: rgba(70, 58, 25, 0.05); --hover-strong: rgba(70, 58, 25, 0.09);
  --ctl-bg: rgba(70, 58, 25, 0.09); --row-alt: rgba(70, 58, 25, 0.028);
  --scrollbar: #d3c8ad; --scrollbar-hover: #b8ab8c;
  --shadow: 0 6px 22px rgba(80, 65, 35, 0.14); --shadow-menu: 0 3px 12px rgba(80, 65, 35, 0.12);
  --radius: 2px; --radius-lg: 3px;
}

:root[data-theme="dark"] {
  --bg: #10221f; --bg-grad: linear-gradient(165deg, #132623 0%, #10211e 60%, #0d1c1a 100%);
  --panel: #10221f; --panel-head: #10221f;
  --surface: #172d29; --surface-2: #1c3631; --toast-bg: #1c3631;
  --overlay: rgba(3, 10, 9, 0.6);
  --border: #254741; --border-soft: #1c332f; --border-strong: #366059;
  --text: #e4ece7; --dim: #99b0ab; --faint: #637974; --on-accent: #08211e;
  --accent: #35c2ac; --accent-2: color-mix(in srgb, var(--accent) 76%, #fff);
  --accent-grad: linear-gradient(135deg, #3ecfb7, #2aa895);
  --sel: color-mix(in srgb, var(--accent) 82%, #14766a);
  --cursor-bg: color-mix(in srgb, var(--accent) 13%, transparent);
  --cursor-line: color-mix(in srgb, var(--accent) 55%, transparent);
  --danger: #e5766a; --danger-soft: #c4837a; --ok: #94c85e; --ok-soft: #7fb04c;
  --warn: #e0bb63; --info: #6fa8d6;
  --hover: rgba(190, 230, 220, 0.05); --hover-strong: rgba(190, 230, 220, 0.09);
  --ctl-bg: rgba(190, 230, 220, 0.11); --row-alt: rgba(190, 230, 220, 0.022);
  --scrollbar: #2a4a45; --scrollbar-hover: #3a635c;
  --shadow: 0 6px 22px rgba(0, 0, 0, 0.48); --shadow-menu: 0 3px 12px rgba(0, 0, 0, 0.4);
  --radius: 2px; --radius-lg: 3px;
}