@charset "utf-8";
/**
 * WeirdReports 디자인 토큰 — 별챗(byeolchat) 톤 정렬
 * docs/20260918-사이트전체-UI디자인통일-별챗톤-프로레이아웃.md §6
 */

:root {
  /* Light */
  --bg-primary: #fff;
  --bg-secondary: #f4f3ef;
  --bg-tertiary: #e6e4dc;
  --bg-gray: #c8c6bc;
  --text-primary: #2a2a24;
  --text-secondary: #55554c;
  --border-color: #e0ded4;
  --theme-green: #8fad6a;
  --theme-green-deep: #5a6b4a;
  --theme-ochre: #b8a06a;
  --color-blue: #5a6b4a; /* 실행 버튼 (이름 유지, 값은 올리브) */
  --color-gray: #9a9a90;
  --color-gray-dark: #6a6a62;
  --color-red: #f01c00;

  --header-bg: #2a2a24;
  --header-text: #f4f3ef;
  --link-color: var(--theme-green-deep);
  --link-hover: var(--theme-green);
  --table-bg: var(--bg-primary);
  --table-border: var(--border-color);
  --input-bg: var(--bg-primary);
  --input-border: var(--border-color);
  --button-bg: var(--color-blue);
  --button-text: #eeeeee;
  --accent-color: var(--theme-green);
  --notice: #e8c9a0;

  --font-scale: 1;
  --radius-sm: 4px;
}

html[data-theme="dark"],
[data-theme="dark"] {
  --bg-primary: #1a1a16;
  --bg-secondary: #262620;
  --bg-tertiary: #36362e;
  --bg-gray: #55554c;
  --text-primary: #d4d4c8;
  --text-secondary: #b0b0a4;
  --border-color: #44443c;
  --theme-green: #5a7a3a;
  --theme-green-deep: #6a7a5a;
  --theme-ochre: #7a6840;
  --color-blue: #6a7a5a;
  --color-gray: #7a7a70;
  --color-gray-dark: #5a5a52;
  --color-red: #f01c00;

  --header-bg: #12120e;
  --header-text: #d4d4c8;
  --link-color: var(--theme-green);
  --link-hover: #a0c078;
  --table-bg: var(--bg-secondary);
  --table-border: var(--border-color);
  --input-bg: var(--bg-secondary);
  --input-border: var(--border-color);
  --button-bg: var(--color-blue);
  --button-text: #eeeeee;
  --accent-color: var(--theme-green);
  --notice: #da9963;
}

html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="light"] {
  color-scheme: light;
}

html[data-font-scale="sm"] {
  --font-scale: 0.9;
}

html[data-font-scale="md"] {
  --font-scale: 1;
}

html[data-font-scale="lg"] {
  --font-scale: 1.12;
}

html[data-font-scale="xl"] {
  --font-scale: 1.25;
}

/* 본문 컨테이너에만 배율 적용(탑바 아이콘 붕괴 방지) */
#wrapper,
#container,
.wr-shell-body {
  font-size: calc(14px * var(--font-scale, 1));
}

.btn-primary,
.output-btn {
  background: var(--color-blue);
  color: var(--button-text);
  border: 1px solid var(--color-blue);
  border-radius: var(--radius-sm);
  min-height: 40px;
}

.btn-secondary {
  background: var(--bg-primary);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
}

.btn-danger {
  background: transparent;
  color: var(--color-red);
  border: 1px solid var(--color-red);
  border-radius: var(--radius-sm);
}

.wr-panel,
.window-panel {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
}

.wr-panel-header,
.window-panel-header {
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-color);
  color: var(--text-primary);
  font-weight: 600;
  padding: 10px 12px;
}