/* Steadytrade design tokens — canonical. Source: 4 · Dev handoff → Design tokens */
:root {
  --st-bg:#F4F5F7; --st-surface:#FFFFFF; --st-surface-2:#F7F8FA; --st-chip:#EEF0F3; --st-border:#E1E4E9;
  --st-text:#131722; --st-text-muted:#5D6472; --st-on-accent:#FFFFFF;
  --st-accent:#5B47E0; --st-accent-hover:#4B38CC; --st-accent-soft:#EEEBFD; --st-focus:#5B47E0;
  --st-note:#FFF4DB; --st-ok:#1F7A4D; --st-ok-soft:#E6F4EC; --st-warn:#8A5A00; --st-warn-soft:#FFF4DB;
  --st-err:#B42318; --st-err-soft:#FDECEA; --st-info:#1F5FA8; --st-info-soft:#E7F0FA; --st-scrim:rgba(14,17,23,.48);
  --st-up:#1F5FA8; --st-down:#A54A07;
  --st-r-xs:4px; --st-r-sm:6px; --st-r-md:8px; --st-r-lg:8px; --st-r-xl:11px; --st-r-full:999px;   /* 10-09 카드 모서리 30% 줄임 (lg 12→8 · xl 16→11) */
  --st-shadow-sm:0 1px 2px rgba(19,23,34,.05); --st-shadow-md:0 1px 2px rgba(19,23,34,.05),0 6px 20px rgba(19,23,34,.05);
  --st-shadow-pop:0 12px 32px rgba(19,23,34,.16); --st-shadow-modal:0 24px 60px rgba(19,23,34,.28);
  --st-font:"IBM Plex Sans","IBM Plex Sans KR","IBM Plex Sans JP","Noto Sans SC",system-ui,sans-serif;
  --st-mono:"IBM Plex Mono",ui-monospace,monospace;
  /* 글자 크기 6단계 (10-09 정리 — 예전 20가지): xs 배지 밖 작은 라벨·각주 · sm 보조 정보 · md 본문 · lg 카드 제목 · xl 섹션 제목 · 2xl 페이지 제목·큰 숫자 */
  --st-fs-xs:11px; --st-fs-sm:12px; --st-fs-md:14px; --st-fs-lg:16px; --st-fs-xl:20px; --st-fs-2xl:28px;
  --st-dur-fast:120ms; --st-dur-base:180ms; --st-dur-slow:240ms; --st-ease:cubic-bezier(.2,.8,.2,1);
}
[data-theme="dark"] {
  --st-bg:#0E1117; --st-surface:#161A22; --st-surface-2:#1A1F29; --st-chip:#1F2430; --st-border:#2A303C;
  --st-text:#E7E9EE; --st-text-muted:#9AA3B2; --st-on-accent:#0E1117;
  --st-accent:#A99BFF; --st-accent-hover:#BBB0FF; --st-accent-soft:#272250; --st-focus:#A99BFF;
  --st-note:#2B2516; --st-ok:#6CCB97; --st-ok-soft:#173226; --st-warn:#E8B95A; --st-warn-soft:#2B2516;
  --st-err:#FF8A80; --st-err-soft:#3A1E1C; --st-info:#7FA8EE; --st-info-soft:#18263A; --st-scrim:rgba(0,0,0,.6);
  --st-up:#7FA8EE; --st-down:#F2934A; --st-shadow-md:0 1px 2px rgba(0,0,0,.3);
}
@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    --st-bg:#0E1117; --st-surface:#161A22; --st-surface-2:#1A1F29; --st-chip:#1F2430; --st-border:#2A303C;
    --st-text:#E7E9EE; --st-text-muted:#9AA3B2; --st-on-accent:#0E1117;
    --st-accent:#A99BFF; --st-accent-hover:#BBB0FF; --st-accent-soft:#272250; --st-focus:#A99BFF;
    --st-note:#2B2516; --st-ok:#6CCB97; --st-ok-soft:#173226; --st-warn:#E8B95A; --st-warn-soft:#2B2516;
    --st-err:#FF8A80; --st-err-soft:#3A1E1C; --st-info:#7FA8EE; --st-info-soft:#18263A; --st-scrim:rgba(0,0,0,.6);
    --st-up:#7FA8EE; --st-down:#F2934A; --st-shadow-md:0 1px 2px rgba(0,0,0,.3);
  }
  [data-theme="auto"][data-ud="western"] { --st-up:#5BC37A; --st-down:#F2777B; }
  [data-theme="auto"][data-ud="eastern"] { --st-up:#F2777B; --st-down:#7FA2F0; }
}
[data-ud="western"] { --st-up:#1B7A3A; --st-down:#C0262D; }   [data-theme="dark"][data-ud="western"] { --st-up:#5BC37A; --st-down:#F2777B; }
[data-ud="eastern"] { --st-up:#C0262D; --st-down:#2153B5; }   [data-theme="dark"][data-ud="eastern"] { --st-up:#F2777B; --st-down:#7FA2F0; }
@media (prefers-reduced-motion: reduce) { :root { --st-dur-fast:0ms; --st-dur-base:0ms; --st-dur-slow:0ms; } }