/* 전역 디자인 토큰과 브라우저 기본값 */
:root {
    --color-primary: #0064FF;
    --color-navy: #1E293B;
    --color-black: #080404;
    --color-gray-700: #26282B;
    --color-gray-600: #454C53;
    --color-gray-500: #72787F;
    --color-gray-400: #9EA4AA;
    --color-gray-300: #C9CDD2;
    --color-gray-100: #F7F8F9;
    --color-white: #FFFFFF;
    --color-border: #E3E5E8;
    --color-error: #ED1515;
    --color-error-bg: #FEE;
    --color-success: #00B505;
    --color-accent-soft: #E1EDFF;
    --color-info-bg: #EFF5FF;
    --color-scroll: #ABBED1;

    --radius-btn: 8px;
    --content-max: 1200px;
    --content-pad: 24px;
    --content-min-height: 700px;
    --content-footer-gap: 150px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

html {
    overflow-x: clip;
}

body {
    width: 100%;
    overflow-x: clip;
}

body {
    font-family: 'SUIT Variable', sans-serif;
    color: var(--color-gray-700);
    background: var(--color-white);
    -webkit-font-smoothing: antialiased;
}

body > main {
    min-height: var(--content-min-height);
}

img {
    display: block;
    max-width: 100%;
}

a {
    text-decoration: none;
    color: inherit;
}

.container {
    width: 100%;
    max-width: var(--content-max);
    margin: 0 auto;
    padding: 0 var(--content-pad);
}