/* goodflow 「형광펜」 web tokens */
:root {
  --paper: #FBFAF6; --surface: #FFFFFF; --surface2: #F2F0EA;
  --ink: #1C1B19; --ink2: #69655D; --hairline: #E9E6DE;
  --hl: #D6F04A; --hl-wash: #EEF5BF; --deep: #6F7F1F; --on-hl: #1C1B19;
  --serif: ui-serif, "New York", "Iowan Old Style", Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Segoe UI", "Noto Sans KR", Roboto, sans-serif;
}
@media (prefers-color-scheme: dark) { :root {
  --paper: #131311; --surface: #1E1D1A; --surface2: #2A2925;
  --ink: #F3F1EA; --ink2: #A7A399; --hairline: #2A2925;
  --hl-wash: #3F4420; --deep: #C3DA45;
}}
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 17px/1.6 var(--sans); }
main { max-width: 680px; margin: 0 auto; padding: 56px 20px 80px; }
a { color: var(--deep); }
h1 { font: 400 52px/1.1 var(--serif); margin: 0 0 28px; }
h2 { font-size: 20px; margin: 36px 0 8px; }
.lede { font-size: 21px; line-height: 1.5; }
mark { color: var(--on-hl); background: var(--hl); padding: 0 .08em; border-radius: 2px; }
.muted { color: var(--ink2); }
nav { display: flex; gap: 20px; font-size: 15px; margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--hairline); }
nav a { color: var(--ink2); text-decoration: none; }
.badge { display: inline-block; margin-top: 12px; padding: 14px 22px; border-radius: 16px; background: var(--ink); color: var(--paper); text-decoration: none; font-weight: 700; }