/* [CS-TOKEN-100] anti-slop tokens — neutral + 절제 accent + flat.
   Dark = default (:root). Light = [data-theme="light"] override.
   Theme 선택은 JS-CORE-101 (theme.js) 가 localStorage 또는 prefers-color-scheme
   기준으로 documentElement 에 data-theme 설정. */
:root {
  /* Neutral scale (dark) */
  --c-bg:        #0f1012;
  --c-bg-2:      #16181c;
  --c-bg-3:      #1d2025;
  --c-fg:        #e6e7e9;
  --c-fg-2:      #aab0b8;
  --c-fg-3:      #6c727b;
  --c-border:    #2a2d33;
  --c-border-2:  #383c44;

  /* Accent — single restrained hue */
  --c-accent:    #d8d8d8;
  --c-accent-fg: #0f1012;

  /* Roles */
  --c-user-bg:        #1d2025;
  --c-assistant-bg:   transparent;
  --c-error:          #d96a6a;
  --c-danger:         #d96a6a;
}

/* [CS-TOKEN-101] light theme override */
:root[data-theme="light"] {
  --c-bg:        #ffffff;
  --c-bg-2:      #f4f5f7;
  --c-bg-3:      #e7e9ec;
  --c-fg:        #1a1c20;
  --c-fg-2:      #50555d;
  --c-fg-3:      #8b9099;
  --c-border:    #dbdee2;
  --c-border-2:  #c1c5cb;

  --c-accent:    #2a2d33;
  --c-accent-fg: #ffffff;

  --c-user-bg:        #eef0f3;
  --c-assistant-bg:   transparent;
  --c-error:          #c54040;
  --c-danger:         #c54040;
}

:root {

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* Type */
  --ff: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Pretendard", sans-serif;
  --ff-mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace;
  --fs-sm: 13px;
  --fs:    15px;
  --fs-md: 17px;

  /* Radius */
  --rd: 6px;
  --rd-lg: 10px;
}
