/* ============================================================
 * Design Tokens — Figma "TSP System Partner Portal" 확정안(Atype)
 * 출처: Figma 파일 Fq7JeBduY7gfrOAtyajsH1 / 노드 3:3639
 * 이 파일은 디자인 시스템의 단일 출처(Single Source of Truth)입니다.
 * 색/폰트/간격 변경은 가급적 여기서만 수정하세요.
 * ============================================================ */
:root {
    /* ---- Brand / Primary ---- */
    --color-primary: #4F3FEC;        /* 메인 브랜드 (버튼/강조) */
    --color-primary-dark: #3930BF;   /* hover / pressed */
    --color-accent: #3B6EF8;         /* 보조 강조 (링크/그래프) */

    /* ---- Text ---- */
    --color-text: #26282C;           /* 본문/제목 */
    --color-text-sub: #595C61;       /* 보조 텍스트 */
    --color-text-muted: #7E8192;     /* 캡션/플레이스홀더 */
    --color-text-disabled: #A7A8B4;  /* 비활성 */
    --color-text-invert: #FFFFFF;

    /* ---- Surface / Border ---- */
    --color-bg: #F5F6F8;             /* 페이지 배경 */
    --color-surface: #FFFFFF;        /* 카드/패널 */
    --color-border: #E5E5E5;         /* 기본 보더/구분선 */
    --color-border-strong: #D9D9D9;  /* 강한 보더 */

    /* ---- Typography ---- */
    --font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
                 "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    --fs-11: 11px;
    --fs-12: 12px;
    --fs-14: 14px;   /* 본문 기본 */
    --fs-15: 15px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-20: 20px;   /* 섹션 제목 */
    --fs-24: 24px;   /* 카드 제목 */
    --fs-26: 26px;   /* 로고 */
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    /* ---- Spacing ---- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;

    /* ---- Radius / Shadow / Layout ---- */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-pill: 50px;   /* 알약형 버튼 */
    --shadow-card: 0 1px 3px rgba(38, 40, 44, .06), 0 4px 16px rgba(38, 40, 44, .04);
    --shadow-pop: 0 8px 24px rgba(38, 40, 44, .14);
    --header-h: 70px;
    --footer-h: 70px;
    --content-max: 1200px;
}