/* trademd design tokens — 원천 docs/brand/DESIGN_SYSTEM.md §1~3. 새 색을 화면마다 만들지 않는다. */
:root{
--color-canvas:#F8FAF7;--color-surface:#FFFFFF;--color-surface-subtle:#EEF2EF;
--color-text-primary:#17252A;--color-text-secondary:#52646C;
--color-action-primary:#3B46D5;--color-action-hover:#2D37AE;--color-action-onPrimary:#FFFFFF;--color-focus:#1749C6;
--color-border-control:#73838B;--color-border-decorative:#D9E2DC;
--color-contribution-surface:#DFF6E9;--color-contribution-text:#16674A;
--color-ai-surface:#F1EDFF;--color-ai-text:#5B3FA9;
--color-success-surface:#EAF8EF;--color-success-text:#16674A;
--color-warning-surface:#FFF3D8;--color-warning-text:#7A4B0A;
--color-danger-surface:#FFF0F0;--color-danger-text:#A22A36;--color-accent-decorative:#F68B57;
--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","Noto Sans KR",sans-serif;--mono:ui-monospace,Consolas,monospace;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;
--r-field:10px;--r-btn:12px;--r-card:16px;--r-modal:20px;
--shadow-hover:0 4px 16px rgba(23,37,42,.06);--shadow-modal:0 16px 48px rgba(23,37,42,.16);
--max-marketing:1200px;--max-app:1280px;--max-read:720px;--max-search:760px}