/* css/style.css */
:root {
    /* 1. 메인 포인트 색상 (현재 핑크톤) */
    --theme-primary: #ec4899;       /* 메인 텍스트, 아이콘, 뱃지 등에 쓰이는 진한 핑크 */
    --theme-primary-light: #fce7f3; /* 연한 테두리, 배경 등에 쓰이는 연한 핑크 */

    /* 2. 포인트 그라데이션 색상 (버튼, 메인 배너) */
    --grad-start: #f472b6;
    --grad-mid: #fb7185;
    --grad-end: #ec4899;

    /* 3. 전체 배경 그라데이션 색상 */
    --bg-start: #fff5f7;
    --bg-mid: #ffffff;
    --bg-end: #fff1f2;
}

/* =========================================
   공통 스타일 클래스 (HTML에서 이름만 가져다 씁니다)
   ========================================= */
.bg-main-gradient {
    background: linear-gradient(135deg, var(--bg-start) 0%, var(--bg-mid) 50%, var(--bg-end) 100%);
}

.banner-gradient, .btn-gradient {
    background: linear-gradient(to right, var(--grad-start), var(--grad-mid), var(--grad-end));
}

.active-tab {
    background: linear-gradient(to right, var(--grad-start), var(--grad-end)); 
    color: white !important;
}

/* 탭 터치 시 깜빡임 방지 및 스크롤바 숨기기 */
body { -webkit-tap-highlight-color: transparent; }
.no-scrollbar::-webkit-scrollbar { display: none; }