/* ============================================================
   Pinworks 디자인 토큰 (재설계 0단계)
   design/_shared.css 의 토큰을 운영 코드로 옮긴 것.

   ⚠ 이름에 --pw- 접두사를 붙인 이유
     styles.css 와 board.css 가 이미 --bg/--panel/--line/--text/--muted 를
     서로 "다른 값"으로 정의하고 있다(페이지마다 다름). 같은 이름을 쓰면
     한쪽 화면이 통째로 뒤집힌다. 재설계가 끝나 옛 변수를 지울 때까지
     반드시 접두사를 유지할 것.

   ⚠ 기본값은 dark
     현재 서비스가 다크 전용이라, data-theme 이 없거나 dark 이면
     지금과 똑같이 보이게 둔다. 라이트는 사용자가 고를 때만 적용.
   ============================================================ */

:root,
:root[data-theme="dark"] {
  --pw-wall: radial-gradient(1100px 620px at 12% -10%, #131a27 0%, #0a0e16 55%, #06070c 100%);
  --pw-bg: #06070c;
  --pw-side: #0a0c12;
  --pw-sideline: #20232e;
  --pw-text: #f5f7fb;
  --pw-muted: #9aa0ad;
  --pw-menutext: #c8ccd6;
  --pw-menuline: #171b24;
  --pw-iconmuted: #7e8595;

  --pw-card: #1a2233;
  --pw-cardline: transparent;
  --pw-divider: #2b3547;
  --pw-panel: #101724;
  --pw-panelline: #242e3d;

  --pw-input: #111622;
  --pw-inputline: #2b3444;
  --pw-shadow: 0 1px 2px rgba(0, 0, 0, 0.55), 0 14px 30px rgba(0, 0, 0, 0.5);

  --pw-chipbg: #171d28;
  --pw-chiptext: #c8ccd6;
  --pw-subtle: #10151f;
  --pw-axis: #2b3444;

  --pw-accent: #33be95;
  --pw-accent-soft: rgba(51, 190, 149, 0.16);
  --pw-active-bg: rgba(44, 168, 130, 0.18);
  --pw-active-text: #eafaf3;

  --pw-tip-bg: #e9eeeb;
  --pw-tip-fg: #12181a;

  /* 작성자별 메모 색 — 다크에서는 깊은 색으로 */
  --pw-tint-sky: #18293f;
  --pw-tint-lilac: #241f3d;
  --pw-tint-amber: #33280f;
  --pw-tint-mint: #142c22;
  --pw-tint-rose: #331a1e;

  --pw-danger: #ff8f8f;

  /* 히어로 띠 */
  --pw-hero1: #0e1319;
  --pw-hero2: #0a0d13;
}

:root[data-theme="light"] {
  --pw-wall: radial-gradient(1100px 620px at 12% -10%, #e7eddf 0%, #d7e0cc 55%, #cfdac4 100%);
  --pw-bg: #d7e0cc;
  --pw-side: #ffffff;
  --pw-sideline: #d5ded0;
  --pw-text: #1e2a24;
  --pw-muted: #6b756e;
  --pw-menutext: #4a554e;
  --pw-menuline: #eef1ea;
  --pw-iconmuted: #96a09a;

  --pw-card: #ffffff;
  --pw-cardline: transparent;
  --pw-divider: #e9ece5;
  --pw-panel: #f4f7f1;
  --pw-panelline: #dde5d6;

  --pw-input: #f4f6f2;
  --pw-inputline: #dfe4dc;
  --pw-shadow: 0 1px 2px rgba(24, 48, 36, 0.1), 0 10px 22px rgba(24, 48, 36, 0.13);

  --pw-chipbg: #eef2ec;
  --pw-chiptext: #4a554e;
  --pw-subtle: #f4f6f2;
  --pw-axis: #dfe4dc;

  --pw-accent: #2ca882;
  --pw-accent-soft: #e6f2ec;
  --pw-active-bg: #e6f5ee;
  --pw-active-text: #0f6a4e;

  --pw-tip-bg: #12181a;
  --pw-tip-fg: #ffffff;

  --pw-tint-sky: #e7f0fc;
  --pw-tint-lilac: #efeafb;
  --pw-tint-amber: #fdf0d9;
  --pw-tint-mint: #e2f2e9;
  --pw-tint-rose: #fdeaea;

  --pw-danger: #c0392b;

  --pw-hero1: #e9f7f0;
  --pw-hero2: #fdf6ec;
}