/* Storyboard collab — design tokens (Wanted DS 기반, 브랜드 자산 제외) */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

:root {
  /* atomic blue */
  --blue-50: #0066ff; --blue-45: #005eeb; --blue-40: #0052cc;
  --blue-90: #eaf2fe; --blue-80: #c3d9fe; --blue-95: #f3f8ff;

  /* label / text */
  --label-normal: #171719;
  --label-strong: #000000;
  --label-neutral: #37383c;
  --label-alt: #70737c;
  --label-assist: #aeb0b6;
  --label-disable: #c2c4c8;

  /* background */
  --bg-normal: #ffffff;
  --bg-neutral: #f7f7f8;
  --bg-alt: #f4f4f5;
  --bg-canvas: #eef0f2;

  /* line */
  --line-normal: #dbdcdf;
  --line-neutral: #e8e9eb;
  --line-alt: #f1f2f3;
  --line-strong: #37383c;
  --border: rgba(112,115,124,0.22);

  /* primary */
  --primary: #0066ff;
  --primary-strong: #005eeb;
  --primary-heavy: #0052cc;
  --primary-light: #eaf2fe;
  --primary-assist: #c3d9fe;

  /* status */
  --positive: #00bf40; --positive-bg: #e6f9ee;
  --negative: #ff4242; --negative-bg: #ffecec;
  --caution:  #ff9b00; --caution-bg: #fff4e0;
  --info: #0066ff;

  /* accent */
  --violet: #9747ff; --violet-bg: #f3ecff;
  --cyan: #0098b2;   --cyan-bg: #e2f6f9;

  /* diff */
  --diff-add-bg: #e6f9ee; --diff-add-tx: #008a30;
  --diff-del-tx: #d83a3a;

  /* radii */
  --r-xs: 4px; --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 24px; --r-full: 9999px;

  /* shadow */
  --sh-1: 0 1px 2px rgba(0,0,0,0.04);
  --sh-2: 0 4px 16px rgba(0,0,0,0.08);
  --sh-3: 0 12px 40px rgba(0,0,0,0.14);

  --font: "Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif;
  --mono: "SF Mono","Fira Code","Consolas",monospace;
}

.dark {
  --label-normal: #f5f7f9;
  --label-strong: #ffffff;
  --label-neutral: #d2d8df;
  --label-alt: #a5adb8;
  --label-assist: #6e7889;
  --label-disable: #535c6a;

  --bg-normal: #1a2027;
  --bg-neutral: #1e252c;
  --bg-alt: #232a31;
  --bg-canvas: #12161b;

  --line-normal: #333b45;
  --line-neutral: #2a313a;
  --line-alt: #232a31;
  --line-strong: #c0c7d0;
  --border: rgba(150,160,175,0.18);

  --primary-light: #11233f;
  --primary-assist: #1c3a66;

  --positive-bg: #11331f; --negative-bg: #3a1a1a; --caution-bg: #3a2c10;
  --violet-bg: #2a1f3d; --cyan-bg: #0e2b30;
  --diff-add-bg: #11331f; --diff-add-tx: #46d27e;
  --diff-del-tx: #ff7a7a;
  --blue-90: #16294a; --blue-95: #121d33;

  --sh-1: 0 1px 2px rgba(0,0,0,0.3);
  --sh-2: 0 4px 16px rgba(0,0,0,0.4);
  --sh-3: 0 12px 40px rgba(0,0,0,0.55);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  font-family: var(--font);
  background: var(--bg-canvas);
  color: var(--label-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button, input, textarea, select { font-family: var(--font); color: inherit; }
::selection { background: var(--primary-assist); }

/* scrollbars */
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { background: var(--border); border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: var(--label-assist); background-clip: padding-box; }
*::-webkit-scrollbar-track { background: transparent; }

/* type scale */
.t-title-1 { font-weight:700; font-size:32px; line-height:1.375; letter-spacing:-0.025em; }
.t-title-3 { font-weight:700; font-size:24px; line-height:1.334; letter-spacing:-0.023em; }
.t-heading-1{ font-weight:700; font-size:22px; line-height:1.364; letter-spacing:-0.019em; }
.t-heading-2{ font-weight:700; font-size:20px; line-height:1.4;  letter-spacing:-0.012em; }
.t-headline-1{font-weight:600; font-size:18px; line-height:1.444; letter-spacing:-0.002em; }
.t-headline-2{font-weight:600; font-size:17px; line-height:1.412; }
.t-body-1 { font-weight:500; font-size:16px; line-height:1.5; }
.t-body-2 { font-weight:400; font-size:15px; line-height:1.6; }
.t-label-1{ font-weight:600; font-size:14px; line-height:1.429; }
.t-label-2{ font-weight:500; font-size:13px; line-height:1.385; }
.t-caption-1{font-weight:600; font-size:12px; line-height:1.334; letter-spacing:0.002em; }
.t-caption-2{font-weight:500; font-size:11px; line-height:1.273; letter-spacing:0.003em; }

.tnum { font-variant-numeric: tabular-nums; }