/*
 * Design tokens — Warm Relief
 * SSOT: DESIGN.md (repo root). 이 파일은 DESIGN.md frontmatter를 CSS 변수로 옮긴 것.
 * 모든 색·간격·radius·타이포는 여기를 참조한다. 새 하드코딩 색 금지.
 */
:root {
    /* Colors */
    --color-bg: #FBF7F2;
    --color-surface: #FFFFFF;
    --color-surface-sunken: #F4EDE4;
    --color-primary: #DD6B4D;
    --color-primary-strong: #B5482F;
    --color-primary-soft: #F6C9B8;
    --color-secondary: #5FA89A;
    --color-secondary-strong: #3F7E72;
    --color-text: #3A352F;
    --color-text-muted: #857C72;
    --color-border: #E9E1D7;
    --color-alert: #C9453B;
    --color-alert-soft: #FBEAE7;
    --color-selected: #F6C9B8;
    --color-selected-stroke: #B5482F;

    /* Typography */
    --font-sans: Pretendard, 'Apple SD Gothic Neo', 'Malgun Gothic', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-size-h1: 32px;
    --font-size-h2: 24px;
    --font-size-h3: 19px;
    --font-size-body: 16px;
    --font-size-label: 15px;
    --font-size-caption: 13px;
    --line-height-body: 1.6;

    /* Spacing (8pt grid) */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 40px;

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 999px;

    /* Elevation */
    --elevation-raised: 0 4px 16px rgba(58, 53, 47, 0.06);
    --elevation-overlay: 0 12px 32px rgba(58, 53, 47, 0.16);

    /* Touch target floor */
    --tap-min: 44px;
}