/* Primitive → semantic → component tokens. PDF brand blue is the anchor. */
:root{--blue-600:#2869dc;--blue-500:#3478e5;--blue-100:#eaf2ff;--blue-200:#bcd7ff;--gray-950:#191c21;--gray-600:#626873;--gray-200:#e7e9ed;--gray-100:#f3f4f6;--white:#fff;--yellow-200:#f9e87c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-small:12px;--radius-large:28px;--radius-pill:999px;--type-display:48px;--type-title:30px;--type-card:26px;--type-body:16px;--type-small:13px;--font-heading:'NanumSquareRound',sans-serif;--font-body:'NanumSquareRound',sans-serif;--font-utility:Arial,sans-serif;--color-brand:var(--blue-600);--color-bg:var(--white);--color-text:var(--gray-950);--color-muted:var(--gray-600);--color-surface:var(--gray-100);--color-border:var(--gray-200);--color-soft:var(--blue-100);--section-space:88px;--content-width:1184px;--card-radius:var(--radius-large);--button-radius:var(--radius-pill);--button-bg:var(--color-brand);--button-fg:var(--white);--card-padding:var(--space-8)}

/* Typography hierarchy: display and controls / short guidance / reading. */
:root{--weight-display:800;--weight-label:800;--weight-support:700;--weight-reading:400}