/* =========================================================
   Global Theme Variables
   - 모든 랜딩페이지 공통 변수
   - 특정 랜딩 전용 색상/섹션 스타일은 넣지 않음
========================================================= */

:root {
    /* Common Color */
    --color-white: #ffffff;
    --color-black: #000000;

    --color-text: #111827;
    --color-text-sub: #4b5563;
    --color-text-muted: #6b7280;

    --color-border: #e5e7eb;
    --color-bg: #ffffff;
    --color-bg-soft: #f9fafb;

    /* Primary Theme */
    --color-primary: #1d4ed8;
    --color-primary-hover: #1e40af;
    --color-primary-light: #eff6ff;

    --color-secondary: #111827;
    --color-danger: #dc2626;
    --color-success: #16a34a;
    --color-warning: #f59e0b;

    /* Layout */
    --container-width: 1280px;
    --container-padding-pc: 7%;
    --container-padding-mobile: 20px;

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 24px;
    --radius-pill: 999px;

    /* Shadow */
    --shadow-card: 0 20px 60px rgba(15, 23, 42, 0.14);
    --shadow-soft: 0 16px 40px rgba(15, 23, 42, 0.08);

    /* Z-index */
    --z-header: 100;
    --z-fixed: 9999;
    --z-modal: 999999;
}