/* Prina Cloud dashboard — token set v4 (docs/design/cloud-v4.dc.html).
   원본 Claude Design 산출물 — 수치 임의 변경 금지. 바꾸려면 디자인에서 바꾸고 다시 옮긴다.
   brand-* / paper / hair-* 토큰은 랜딩(마케팅 밴드) 전용 — 앱 화면에서 쓰지 않는다. */
:root, [data-theme="light"] {
  --bg: #ffffff;
  --side: #fafafa;
  --panel: #ffffff;
  --panel-2: #f7f7f7;
  --hover: #f1f1f1;
  --bd: #e6e6e6;
  --bd-2: #d4d4d4;
  --tx: #171717;
  --tx-2: #5c5c5c;
  --tx-3: #9c9c9c;
  --acc: #171717;
  --acc-on: #ffffff;
  --acc-hover: #000000;
  --ok: #3f7a5f;
  --ok-bg: #f1f6f3;
  --warn: #8a6a2f;
  --warn-bg: #faf5eb;
  --dgr: #a33a32;
  --dgr-bg: #fdf3f2;
  --mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --brand-dark: oklch(0.145 0.012 264);
  --brand-ink: oklch(0.2 0.02 264);
  --brand-on-dark: oklch(0.97 0.004 264);
  --brand-muted: oklch(0.47 0.018 264);
  --brand-muted-2: oklch(0.72 0.02 264);
  --brand-tint: oklch(0.935 0.036 252);
  --brand-tint-ink: oklch(0.33 0.04 258);
  --brand-blue: oklch(0.56 0.21 266);
  --paper: oklch(0.972 0.005 264);
  --hair: oklch(0.9 0.006 264);
  --hair-2: oklch(0.86 0.008 264);
  --adm: #171717;
  --adm-bd: #171717;
  --adm-hover: #000000;
}
[data-theme="dark"] {
  --bg: #0a0a0a;
  --side: #0d0d0d;
  --panel: #111111;
  --panel-2: #161616;
  --hover: #1e1e1e;
  --bd: #262626;
  --bd-2: #3a3a3a;
  --tx: #ededed;
  --tx-2: #a1a1a1;
  --tx-3: #6f6f6f;
  --acc: #ededed;
  --acc-on: #0a0a0a;
  --acc-hover: #ffffff;
  --ok: #6aa88a;
  --ok-bg: #111c17;
  --warn: #c99a4a;
  --warn-bg: #1d1810;
  --dgr: #d97a72;
  --dgr-bg: #1e1211;
  --adm: #1c1c1c;
  --adm-bd: #3a3a3a;
  --adm-hover: #262626;
}