/*
============================================================
PUBLISH TOKENS
============================================================
*/
:root {
    --container-max: 1280px;
    --container-md-max: 1440px;
    --container-sub-max: 1600px;
    --container-lg-max: 1700px;
    --container-xlg-max: 1920px;
    --container-2xlg-max: 2560px;
    --container-wide-max: 100%;
    --container-pad: 24px;
    --gap: 18px;
    --stack-xs: 8px;
    --stack-sm: 16px;
    --stack-md: 24px;
    --stack-lg: 32px;
    --stack-xl: 48px;
    --color-primary: #f20d0d;
    --color-secondary: #151515;
    --color-title: #111111;
    --color-text: #333333;
    --color-text-util: #555555;
    --color-text-weak: #666666;
    --color-text-inv: #ffffff;
    --color-muted: #777777;
    --color-line: #dddddd;
    --color-line-soft: #eeeeee;
    --color-bg: #ffffff;
    --color-bg-soft: #f5f5f5;
    --color-bg-dark: #101010;
    --color-surface: #ffffff;
    --color-border: #e7e7e7;
    --color-border-strong: #d4d4d4;
    --color-focus: #1a73e8;
    --color-warm-gray: #707070;
    --color-light-gray: #e8e8e8;
    --color-thin-light-gray: #f1f2f2;
    --color-dark-white: #eaeaea;
    --color-gray-50: #fafafa;
    --color-gray-100: #f5f5f5;
    --color-gray-200: #eeeeee;
    --color-gray-300: #dddddd;
    --color-gray-400: #bbbbbb;
    --color-gray-500: #999999;
    --color-gray-600: #777777;
    --color-gray-700: #555555;
    --color-gray-800: #333333;
    --color-gray-900: #111111;
    --color-red: #e53935;
    --color-orange: #f97316;
    --color-yellow: #facc15;
    --color-green: #22c55e;
    --color-teal: #009992;
    --color-blue: #3b82f6;
    --color-navy: #002d6b;
    --color-purple: #72669b;
    --color-pink: #ec4899;
    --color-black: #000000;
    --color-white: #ffffff;
    --primary: var(--color-primary);
    --primary-hover: #b80000;
    --primary-contrast: #ffffff;
    --primary-soft: #fff1f1;
    --secondary: var(--color-secondary);
    --accent-blue: var(--color-blue);
    --accent-orange: var(--color-orange);
    --accent-pink: var(--color-pink);
    --state-ok: #22c55e;
    --state-warn: #f59e0b;
    --state-err: #ef4444;
    --state-info: #3b82f6;
    --font-base: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", Arial, sans-serif;
    --font-basic: var(--font-base);
    --font-kr: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", Arial, sans-serif;
    --font-title: var(--font-base);
    --font-emphasis: var(--font-base);
    --font-eng: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", Arial, sans-serif;
    --font-paper: "Paperlogy", "Pretendard", "Noto Sans KR", Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --fs-10: 10px;
    --fs-12: 12px;
    --fs-13: 13px;
    --fs-14: 14px;
    --fs-15: 15px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-20: 20px;
    --fs-22: 22px;
    --fs-24: 24px;
    --fs-26: 26px;
    --fs-28: 28px;
    --fs-30: 30px;
    --fs-32: 32px;
    --fs-36: 36px;
    --fs-40: 40px;
    --fs-48: 48px;
    --fs-56: 56px;
    --fs-64: 64px;
    --fs-72: 72px;
    --fs-80: 80px;
    --em-12: 1.2em;
    --em-13: 1.3em;
    --em-14: 1.4em;
    --em-15: 1.5em;
    --em-16: 1.6em;
    --lh-tight: 1.25;
    --lh-normal: 1.6;
    --lh-loose: 1.75;
    --ls-tight: -0.02em;
    --ls-normal: 0;
    --ls-wide: 0.02em;
    --inner-pc: 1280px;
    --inner-mobile: 100%;
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-pill: 999px;
    --shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 6px 18px rgba(0, 0, 0, 0.10);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.14);
    --ease-base: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --speed-fast: 0.18s;
    --speed-base: 0.3s;
    --speed-slow: 0.6s;
    --ani-distance: 40px;
    --z-skip: 1000;
    --z-header: 50;
    --z-gnb: 70;
    --z-sticky: 60;
    --z-overlay: 90;
    --z-modal: 100;
    --z-max: 9999;
    --bp-2xl: 1920px;
    --bp-xl: 1480px;
    --bp-lg: 1280px;
    --bp-md: 1024px;
    --bp-sm: 768px;
    --bp-xs: 480px;
    --mb-vw: 0.2375vw;
    --browser-width: 100%;
    --vh: 1px;
    --tbl-border: var(--color-border);
    --tbl-head-bg: var(--color-light-gray);
    --tbl-head-color: var(--primary);
    --tbl-text: var(--color-warm-gray);
}

@media (prefers-contrast: more) {
    :root {
        --color-border: #3a3a3a;
    }
}

@media (forced-colors: active) {
    :root {
        --color-focus: Highlight;
    }
}

@media (max-width: 1280px) {
    :root {
    }
}

@media (max-width: 1024px) {
    :root {
        --container-pad: calc(var(--mb-vw) * 20);
    }
}

@media (max-width: 768px) {
    :root {
    }
}

@media (max-width: 480px) {
    :root {
    }
}