/* Talltale Bench v3 토큰 — 정본은 디자인 문서(DESIGN.md 「주석 달린 장부」). 색은 여기 한 곳에서만 정한다. */
/* Generated by design-for-ai palette.mjs */
/* seed: hue 225.85000000000002 · chroma: balanced · harmony: mono */

/* 글꼴은 자체 호스팅한다(출처·라이선스: fonts/NOTICE.md). */
@font-face{font-family:"Pretendard";src:url("/v3/assets/pretendard-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Pretendard";src:url("/v3/assets/pretendard-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Pretendard";src:url("/v3/assets/pretendard-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Hahmlet";src:url("/v3/assets/hahmlet-latin-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hahmlet";src:url("/v3/assets/hahmlet-korean-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+1100-11FF,U+3000-303F,U+3130-318F,U+AC00-D7A3}
@font-face{font-family:"JetBrains Mono";src:url("/v3/assets/jetbrains-mono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/v3/assets/jetbrains-mono-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
:root {
  --neutral-1: #fcfdfd;
  --neutral-2: #f7f9fa;
  --neutral-3: #eef1f2;
  --neutral-4: #e4e9eb;
  --neutral-5: #d9dfe2;
  --neutral-6: #ccd4d7;
  --neutral-7: #bcc5ca;
  --neutral-8: #a2adb2;
  --neutral-9: #acbac0;
  --neutral-10: #9aa7ad;
  --neutral-11: #5d6568;
  --neutral-12: #2b2e30;
  --accent-1: #fafdff;
  --accent-2: #f2fafe;
  --accent-3: #e1f4fc;
  --accent-4: #d2edf9;
  --accent-5: #bfe5f5;
  --accent-6: #aadbf0;
  --accent-7: #92cee7;
  --accent-8: #6cb6d4;
  --accent-9: #66c5ea;
  --accent-10: #58b1d4;
  --accent-11: #396b7e;
  --accent-12: #18323c;
  --accent-on-solid: #040f14;
  --error-3: #ffebe9;
  --error-9: #e1524f;
  --error-11: #974843;
  --success-3: #e0f8e0;
  --success-9: #5ad664;
  --success-11: #337437;
  --warning-3: #f9f0dd;
  --warning-9: #dbb155;
  --warning-11: #76602f;
  --info-3: #e3f3ff;
  --info-9: #5baee5;
  --info-11: #3d6886;
  --background: var(--neutral-1);
  --surface: var(--neutral-2);
  --surface-hover: var(--neutral-3);
  --surface-active: var(--neutral-4);
  --border-subtle: var(--neutral-6);
  --border: var(--neutral-7);
  --border-strong: var(--neutral-8);
  --text-secondary: var(--neutral-11);
  --text: var(--neutral-12);
  --accent-bg-subtle: var(--accent-3);
  --accent-solid: var(--accent-9);
  --accent-solid-hover: var(--accent-10);
  --accent-text: var(--accent-11);
}

[data-theme="dark"] {
  --neutral-1: #121313;
  --neutral-2: #191a1a;
  --neutral-3: #202224;
  --neutral-4: #272b2c;
  --neutral-5: #2e3335;
  --neutral-6: #363d40;
  --neutral-7: #424b4e;
  --neutral-8: #586267;
  --neutral-9: #acbac0;
  --neutral-10: #bfcdd3;
  --neutral-11: #b0b9bd;
  --neutral-12: #e4e9eb;
  --accent-1: #101315;
  --accent-2: #141b1d;
  --accent-3: #16242b;
  --accent-4: #172e37;
  --accent-5: #153744;
  --accent-6: #124253;
  --accent-7: #105066;
  --accent-8: #196a85;
  --accent-9: #66c5ea;
  --accent-10: #80d8fc;
  --accent-11: #8dc0d6;
  --accent-12: #cfeefb;
  --accent-on-solid: #040f14;
  --error-3: #331a18;
  --error-9: #e1524f;
  --error-11: #f49c95;
  --success-3: #152715;
  --success-9: #5ad664;
  --success-11: #88cb8a;
  --warning-3: #282113;
  --warning-9: #dbb155;
  --warning-11: #cdb482;
  --info-3: #17242d;
  --info-9: #5baee5;
  --info-11: #90bedf;
  --background: var(--neutral-1);
  --surface: var(--neutral-2);
  --surface-hover: var(--neutral-3);
  --surface-active: var(--neutral-4);
  --border-subtle: var(--neutral-6);
  --border: var(--neutral-7);
  --border-strong: var(--neutral-8);
  --text-secondary: var(--neutral-11);
  --text: var(--neutral-12);
  --accent-bg-subtle: var(--accent-3);
  --accent-solid: var(--accent-9);
  --accent-solid-hover: var(--accent-10);
  --accent-text: var(--accent-11);
}

/* Contrast report (WCAG 2.x)
   PASS  [light] neutral-11 on neutral-2: 5.66:1 (target 4.5:1)
   PASS  [light] neutral-12 on neutral-2: 12.89:1 (target 7:1)
   PASS  [light] neutral-12 on neutral-3: 11.99:1 (target 4.5:1)
   PASS  [light] accent-11 on neutral-2: 5.58:1 (target 4.5:1)
   PASS  [light] accent-11 on accent-2: 5.59:1 (target 4.5:1)
   PASS  [light] accent-on-solid on accent-9: 9.92:1 (target 4.5:1)
   PASS  [dark] neutral-11 on neutral-2: 8.77:1 (target 4.5:1)
   PASS  [dark] neutral-12 on neutral-2: 14.27:1 (target 7:1)
   PASS  [dark] neutral-12 on neutral-3: 12.95:1 (target 4.5:1)
   PASS  [dark] accent-11 on neutral-2: 8.89:1 (target 4.5:1)
   PASS  [dark] accent-11 on accent-2: 8.88:1 (target 4.5:1)
   PASS  [dark] accent-on-solid on accent-9: 9.92:1 (target 4.5:1)
*/
:root {
  --mark-market: var(--neutral-11);
  --mark-market-line: var(--neutral-11);
  --mark-company: var(--accent-11);
  --mark-pinned: var(--neutral-12);
  --leader-line: var(--accent-11);
  --text-negative: var(--error-11);
  --text-muted: var(--neutral-11);
  --focus-ring: var(--accent-11);
  --rule: var(--neutral-12);
  --rule-soft: var(--neutral-6);
  --control-border: var(--neutral-11);
  --shell-bg: var(--accent-12);
  --shell-text: var(--neutral-1);
  --shell-text-muted: var(--neutral-6);
  --margin-bg: var(--accent-2);
  --text-on-margin: var(--neutral-12);
  --text-muted-on-margin: var(--neutral-11);
  --mark-company-on-margin: var(--accent-11);
}
[data-theme="dark"] {
  --mark-market: var(--neutral-9);
  --mark-market-line: var(--neutral-11);
  --mark-company: var(--accent-9);
  --mark-pinned: var(--neutral-12);
  --leader-line: var(--accent-9);
  --text-negative: var(--error-11);
  --text-muted: var(--neutral-11);
  --focus-ring: var(--accent-10);
  --rule: var(--neutral-12);
  --rule-soft: var(--neutral-6);
  --control-border: var(--neutral-9);
  --shell-bg: var(--neutral-3);
  --shell-text: var(--neutral-12);
  --shell-text-muted: var(--neutral-11);
  --margin-bg: var(--accent-2);
  --text-on-margin: var(--neutral-12);
  --text-muted-on-margin: var(--neutral-11);
  --mark-company-on-margin: var(--accent-9);
}
:root{
  --font-display:"Hahmlet","Noto Serif KR","Nanum Myeongjo",serif;
  --font-body:Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --font-num:"JetBrains Mono","D2Coding",ui-monospace,monospace;
  --text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.625rem;--text-3xl:2rem;--text-4xl:2.5rem;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;
  --radius-0:0;--radius-1:2px;--dur-1:80ms;--dur-2:180ms;--dur-3:240ms;--ease:cubic-bezier(.2,0,0,1);
  color-scheme:light;
}
[data-theme="dark"]{color-scheme:dark}