:root {
    
    /* 메인 컬러 */
    --point-color: #b8924a;
    /* 서브 컬러 ex) btn background */
    --point-color-sub: #111c2e;
    /* 메인컬러 텍스트 */
    --point-color-text: #9a722c;
    /* navbar 밑줄 색상 */
    --nav-underline-color: var(--point-color);
    /* 메인 로고사이즈 mobile */
    --nav-logo-height: 38px;
    /* 메인 로고사이즈 pc */
    --nav-logo-lg-height: 44px;
    /* 쉐도우 설정 */
    --box-shadow: 0 12px 40px rgba(17, 28, 46, .08);
    /* 상품권 선택시 버튼 백그라운드 */
    --giftcards-selector-selected-bakground-color: var(--point-color);
    /* 상품권 선택시 버튼 텍스트 */
    --giftcards-selector-selected-text-color: #111c2e;
    /* 모바일 메인화면 배너사이즈 */
    --main-banner-background-height: 340px; 
    /* PC 메인화면 배너사이즈 */
    --main-banner-background-lg-height: 400px;
    /* 서브페이지 모바일 배너사이즈 */
    --banner-background-height: 180px; 
    /* 서브페이지 PC 배너사이즈 */
    --banner-background-lg-height: 200px; 
    /* 서브페이지 배너 텍스트 설정 */
    --page-title-color: #fff;
    --page-divider-color: #d8ba78;

    /* 버튼 기본 텍스트컬러 */
    --btn-text-color: #fff;
    /* 버튼 호버시 텍스트컬러 */
    --btn-hover-color: #fff;



    
    /* 모바일 햄버거메뉴 설정 */
    --offcanvas-bg-color: #fff;
    --offcanvas-title-color: #111c2e;
    --offcanvas-width: 100% !important;

    /* 교환신청시 얼럿 설정 */
    --toastify-bg-color: #111c2e;
    --toastify-text-color: #fff;

    /* 게시글 상세보기 BG */
    --boards-color: #f8f6f1;
    --order-list-height: 400px;

    /* Premium design system */
    --brand-navy: #111c2e;
    --brand-navy-soft: #1b2b45;
    --brand-gold: #b8924a;
    --brand-gold-light: #d8ba78;
    --surface: #ffffff;
    --surface-soft: #f6f7f9;
    --surface-warm: #faf8f3;
    --text-primary: #172033;
    --text-secondary: #6f7785;
    --border-color: rgba(17, 28, 46, .1);
    --radius-sm: .75rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --shadow-hover: 0 18px 50px rgba(17, 28, 46, .13);
}