/**
 * ============================================================
 * LAYER 1: FOUNDATION - RESET STYLES
 * ============================================================
 *
 * 역할: 브라우저 기본 스타일 초기화 및 기본 설정
 *
 * 포함:
 * - Box-sizing reset
 * - Margin/Padding reset
 * - HTML 기본 설정
 * - Body 기본 스타일
 *
 * 출처:
 * - dashboard-styles.css (Lines 15-26)
 * - baro-design-system.css (Lines 105-125)
 *
 * 의존성:
 * - 1-foundation-variables.css (CSS 변수 사용)
 *
 * Last Updated: 2025-11-05
 * ============================================================
 */

/* ========================================
   Box Model Reset
   ======================================== */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ========================================
   HTML 기본 설정
   ======================================== */
html {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ========================================
   Body 기본 스타일
   ======================================== */
body {
    font-family: var(--font-family);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
    color: var(--color-text-primary);
    background: var(--color-bg-primary);
    /* Legacy 호환 */
    background-color: #FAF9F5;
}