/* ==========================================================================
   tokens.css - 디자인 토큰 (디자인팀 1순위 수정 파일)
   색/폰트/간격/라운드/그림자는 이 파일의 변수로만 참조한다.
   다른 css 파일에는 색상 값을 직접 쓰지 않는다.
   ========================================================================== */
:root {
    /* 색상 - 브랜드 */
    --color-brand: #0b5cff;
    --color-brand-strong: #0847c4;
    --color-brand-soft: #e8f0ff;

    /* 색상 - 중립 */
    --color-text: #1a1d24;
    --color-text-muted: #5b6270;
    --color-bg: #ffffff;
    --color-bg-alt: #f5f7fa;
    --color-border: #dfe3ea;

    /* 색상 - 어두운 영역(푸터 등) */
    --color-dark-bg: #11151c;
    --color-dark-text: #c9ced8;

    /* 색상 - 상태 */
    --color-danger: #d92d20;
    --color-success: #1a9d4b;

    /* 타이포 */
    --font-family: "Pretendard", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
    --font-size-base: 16px;
    --line-height-base: 1.7;
    --font-size-sm: 0.875rem;
    --font-size-lg: 1.125rem;
    --font-size-h1: clamp(1.75rem, 4vw, 2.75rem);
    --font-size-h2: clamp(1.375rem, 2.5vw, 1.75rem);
    --font-size-h3: 1.125rem;

    /* 간격 */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 40px;
    --space-6: 64px;

    /* 레이아웃 */
    --container-width: 1120px;
    --card-min-width: 440px;   /* 사업/제품 카드 한 장의 최소 폭(넓을수록 카드가 길어지고 문구가 덜 줄바꿈된다) */
    --header-height: 72px;

    /* 모양 */
    --radius-sm: 6px;
    --radius-md: 12px;
    --shadow-card: 0 1px 3px rgba(16, 24, 40, 0.08), 0 1px 2px rgba(16, 24, 40, 0.04);
    --shadow-card-hover: 0 8px 24px rgba(16, 24, 40, 0.12);
    --transition: 0.15s ease;
}