:root {
    /* Base text/background (loaded after normalize.css; matches starter tokens) */
    --color-font: #0a0a0a;
    --color-background: #ffffff;

    --font-family-main: 'Pretendard', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-family-point: 'Optima', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    
    /* Layout: 서브 1200px 유지. 메인 1514px은 front-page.css에서 clamp(최대 203px). */
    --layout-max-width: 1920px;
    --layout-content-width: 1200px;
    --layout-inline-padding: clamp(
        16px,
        calc((100vw - var(--layout-content-width)) / 2),
        360px
    );

    --footer-padding-block-start: clamp(43px, 8vw, 77px);
    --footer-padding-block-end: clamp(29px, 5vw, 49px);
    --color-footer-bg: #000000;
    --color-footer-fg: #ffffff;

    --color-primary: #00B28A;

    --color-sub-1: #8e8e93;
    --color-sub-2: #ffcc00;
    --color-sub-3: #ff3b30;
    --color-sub-4: #4cd964;
    --color-sub-5: #5856d6;

    --color-bg-1: #fdfcfa;
    --color-bg-2: #f6f6f6;

    --color-neutral-1: #ffffff;
    --color-neutral-2: #ebebeb;
    --color-neutral-3: #cccccc;
    --color-neutral-4: #999999;
    --color-neutral-5: #737373;
    --color-neutral-6: #525252;
    --color-neutral-7: #333333;
    --color-neutral-8: #1e1e1e;
    --color-neutral-9: #0A0a0a;
    --color-neutral-10: #000000;

    --color-icon-1: #eeeeee;
    --color-icon-2: #949494;
    --color-icon-3: #121212;

    --scroll: auto;
    --top-banner-height: 504px;

    /* Header (PC 시안) */
    --header-primary-nav-gap: 36px;
    --header-primary-nav-color: #737373;
    --header-primary-nav-hover: #57bd9e;
    --header-subnav-gap: 36px;
    --header-subnav-link: #0a0a0a;
    --header-subnav-active: #57bd9e;
}



/* 모바일(767 이하) layout 좌우 패딩 고정 — PC 우선: 베이스는 clamp(), 767에서 덮어씀 */

@media all and (max-width: 767px) {
	:root {
		--layout-inline-padding: 14px;
	}
}