:root {
    /* ══════════════════════════════════════
       입점제안 Design Token
       suggest.css 실사용 기준 통일
       ══════════════════════════════════════ */

    /* ── Primary (Blue) ── */
    --color-primary: #0088FF;            /* 메인 버튼, 링크, 활성 상태 (60회) */
    --color-primary-hover: #006FD6;      /* 버튼 hover */
    --color-primary-active: #0A5FCC;     /* 버튼 active/pressed */
    --color-primary-dark: #0060BF;       /* 진한 파랑 */
    --color-primary-light: #E0F0FF;      /* 연한 파랑 배경 */
    --color-primary-lighter: #EBF5FF;    /* 더 연한 파랑 배경 */
    --color-primary-bg: #F0F7FF;         /* 가장 연한 파랑 배경 */

    /* ── Success (Green) ── */
    --color-success: #12B76A;            /* 성공, 인증완료 */
    --color-success-dark: #059669;       /* 진한 초록 */
    --color-success-light: #F0FDF4;      /* 연한 초록 배경 */
    --color-success-border: #BBF7D0;     /* 초록 border */

    /* ── Warning (Orange) ── */
    --color-warning: #F79009;            /* 경고, 주의 */
    --color-warning-dark: #D97706;       /* 진한 주황 */
    --color-warning-light: #FEF3C7;      /* 연한 노랑 배경 */

    /* ── Danger / Error (Red) ── */
    --color-danger: #F04438;             /* 에러 메시지, 필수 표시 */
    --color-danger-btn: #DC3545;         /* 삭제 버튼 (11회) */
    --color-danger-dark: #DC2626;        /* 진한 빨강 */
    --color-danger-light: #FEE2E2;       /* 연한 빨강 배경 */
    --color-danger-bg: #FEF3F2;          /* 에러 hover 배경 */

    /* ── Text ── */
    --color-text: #1D2939;               /* 본문 (49회) */
    --color-text-secondary: #344054;     /* 서브 텍스트 (39회) */
    --color-text-tertiary: #475467;      /* 보조 텍스트 (15회) */
    --color-text-muted: #667085;         /* placeholder, 비활성 (25회) */
    --color-text-light: #98A2B3;         /* 힌트, 라벨 (36회) */

    /* ── Border ── */
    --color-border: #D0D5DD;             /* input border (43회) */
    --color-border-light: #E5E8EB;       /* 섹션 구분선 (31회) */
    --color-border-lighter: #EAECF0;     /* 연한 구분선 (14회) */

    /* ── Background ── */
    --color-bg: #F9FAFB;                 /* 기본 배경 (23회) */
    --color-bg-dark: #F2F4F7;            /* 비활성/disabled 배경 (7회) */
    --color-bg-input: #F7F8FA;           /* input readonly 배경 (10회) */
    --color-bg-white: #FFFFFF;           /* 흰색 배경 */

    /* ── Info (파랑 계열 알림) ── */
    --color-info: #0088FF;
    --color-info-bg: #E8F4FF;
    --color-info-border: #B8DBFF;

    /* ── Layout ── */
    --topnav-height: 56px;
    --sidebar-width: 220px;

    /* ── Font Family ── */
    --font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', -apple-system, BlinkMacSystemFont, sans-serif;

    /* ── Typography ── */
    --font-h1: 800 48px/1.25 var(--font-family);
    --font-h2: 800 28px/1.25 var(--font-family);
    --font-h3: 600 24px/1.25 var(--font-family);
    --font-h4: 600 20px/1.25 var(--font-family);
    --font-subtitle1: 600 18px/1.25 var(--font-family);
    --font-subtitle2: 600 16px/1.25 var(--font-family);
    --font-body1: 400 14px/1.5 var(--font-family);
    --font-body1-medium: 500 14px/1.5 var(--font-family);
    --font-body1-semibold: 600 14px/1.5 var(--font-family);
    --font-body2: 400 13px/1.5 var(--font-family);
    --font-body2-medium: 500 13px/1.5 var(--font-family);
    --font-caption: 400 12px/1.2 var(--font-family);

    /* ── Spacing ── */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-xxl: 48px;

    /* ── Border Radius ── */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 9999px;

    /* ── Shadow ── */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.1);
}