/* 디자인 토큰 — docs/prototype/xfactory.html 팔레트 이관. 색상은 반드시 var() 로만 사용 */
:root {
  --bg: #F2F4F4;
  --surface: #FFFFFF;
  --sidebar: #1B2422;
  --sidebar-ink: #DCE4E1;
  --sidebar-muted: #8FA09B;
  --sidebar-border: #2C3735;
  --ink: #1A2321;
  --muted: #5C6B67;
  --border: #DCE2E0;
  --border-strong: #C4CDCA;

  --accent: #D9730D;
  --accent-strong: #B85F09;
  --accent-soft: #F5E4CF;
  --accent-ink: #7A3D06;
  --brand: #C97A1C;              /* 로고 영문 워드마크 */

  --success: #2E9E5B;  --success-soft: #E1F3E7;
  --warning: #B9860A;  --warning-soft: #FBF0D2;
  --info: #1E7F8C;     --info-soft: #DDF0F1;
  --critical: #C1432E; --critical-soft: #FBE4DF;

  --font-display: 'Bitter', Georgia, serif;
  --font-body: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  --radius-s: 8px;  --radius-m: 12px;  --radius-l: 18px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-7: 32px; --space-8: 48px;

  --sidebar-width: 236px;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #14181A; --surface: #1C2224; --sidebar: #101516;
    --sidebar-ink: #DCE4E1; --sidebar-muted: #7C8C88; --sidebar-border: #232C2A;
    --ink: #EDEFEE; --muted: #9AA6A2; --border: #2B3335; --border-strong: #3A4442;
    --accent: #E68A2E; --accent-strong: #F2A257; --accent-soft: #3A2A15; --accent-ink: #F2C08B; --brand: #EEAD6B;
    --success: #3FBE77; --success-soft: #163425; --warning: #E0A83A; --warning-soft: #3A2F12;
    --info: #3EA9B8; --info-soft: #113035; --critical: #E2604A; --critical-soft: #3A1D17;
  }
}
:root[data-theme="dark"] {
  --bg: #14181A; --surface: #1C2224; --sidebar: #101516;
  --sidebar-ink: #DCE4E1; --sidebar-muted: #7C8C88; --sidebar-border: #232C2A;
  --ink: #EDEFEE; --muted: #9AA6A2; --border: #2B3335; --border-strong: #3A4442;
  --accent: #E68A2E; --accent-strong: #F2A257; --accent-soft: #3A2A15; --accent-ink: #F2C08B; --brand: #EEAD6B;
  --success: #3FBE77; --success-soft: #163425; --warning: #E0A83A; --warning-soft: #3A2F12;
  --info: #3EA9B8; --info-soft: #113035; --critical: #E2604A; --critical-soft: #3A1D17;
}