/**

 * 고집사 디자인 토큰 — 공개·파트너·어드민 공통

 * DS v2.1: tokens.css(원시·시맨틱) → --gj-* 레거시 별칭

 * JSP 캐시: public-head-styles.jsp (gjCssVer) · partner-head-styles.jsp (gjPartnerV2CssVer)

 */

/* tokens.css · gj-components.css 는 <link> 로 먼저 로드 (중첩 @import 흰화면 방지) */

:root {

    /* Typography — Pretendard (레거시 --gj-* → DS 시맨틱) */

    --gj-font-sans: var(--font-sans);

    --gj-font-noto: var(--font-sans);

    --gj-font-size-root: var(--fs-body-lg);

    --gj-line-height: var(--lh-body);

    --gj-letter-spacing: -0.02em;



    /* Layout */

    --gj-layout-max: var(--container-max);

    --gj-layout-gutter: var(--container-pad);

    --gj-layout-gutter-md: var(--container-pad);

    --gj-layout-gutter-lg: var(--space-8);

    --gj-mypage-max: 768px;



    /* Neutral palette */

    --gj-color-text: var(--text-primary);

    --gj-color-text-secondary: var(--color-gray-800);

    --gj-color-muted: var(--text-tertiary);

    --gj-color-muted-2: var(--text-disabled);

    --gj-color-line: var(--border-default);

    --gj-color-line-soft: var(--border-subtle);

    --gj-color-bg: var(--bg-subtle);

    --gj-color-surface: var(--bg-page);



    /* Radius · elevation */

    --gj-radius-card: var(--radius-xs);

    --gj-radius-md: var(--radius-md);

    --gj-radius-lg: var(--radius-lg);

    --gj-radius-sheet: var(--radius-xl);

    --gj-card-border: 1px solid var(--border-default);

    --gj-card-shadow: var(--shadow-card);



    /* Section typography (html 16px 기준) */

    --gj-section-title: 1.25rem;

    --gj-section-title-lg: 1.5rem;



    /* Type scale (B2C) */

    --gj-type-h1: 1.625rem;

    --gj-type-h2: 1.25rem;

    --gj-type-h3: 1.125rem;

    --gj-type-body: 1rem;

    --gj-type-body-sm: 0.875rem;

    --gj-type-caption: 0.75rem;

    --gj-type-button: 1rem;



    /* Event card typography */

    --gj-ec-title: 1.125rem;

    --gj-ec-desc: 0.875rem;

    --gj-ec-biz: 0.8125rem;

    --gj-ec-price: 1.25rem;

    --gj-ec-pct: 1.125rem;

    --gj-ec-price-old: 0.6875rem;

    --gj-ec-vat: 0.625rem;

    --gj-ec-rating: 0.75rem;

    --gj-ec-kakao: 0.6875rem;



    /* Bootstrap ↔ DS (전역 — 파트너·공개 공통) */

    --bs-primary: var(--action-primary);

    --bs-primary-rgb: var(--color-brand-rgb);

    --bs-link-color: var(--text-brand);

    --bs-link-hover-color: var(--action-primary-hover);

    --bs-focus-ring-color: rgba(var(--color-brand-rgb), 0.35);

    --bs-body-color: var(--text-primary);

    --bs-body-bg: var(--bg-page);

    --bs-border-color: var(--border-default);

}



/* Bootstrap 유틸 — 기존 화면 호환 (700→600, 600→500) */

.fw-bold {

    font-weight: 600 !important;

}



.fw-semibold {

    font-weight: 500 !important;

}



@media (min-width: 992px) {

    :root {

        --gj-layout-gutter-lg: var(--space-8);

        --gj-type-h1: 2rem;

    }

}



@media (min-width: 768px) {

    :root {

        --gj-section-title-lg: 1.75rem;

    }

}