@charset "UTF-8"; /* CSS Document */ /* /theme/henallte/design/css/golfstar-theme.css */ /* golfstar-theme.css 브랜드/테마 설정 전용 :root 컬러 변수 폰트, 기본 텍스트 컬러 body.golfstar 배경, 전체 분위기 기본 링크 색상, h1~h6 기본 스타일 “골프스타 느낌”을 결정하는 전역 스타일 👉 즉, **색감·분위기·폰트 같은 “환경설정”**은 여기로. */ :root { /* ── 브랜드 컬러 토큰 ── */ --gs-primary: #0EA5E9; /* 진한 sky blue (포인트) */ --gs-primary-soft: #E0F5FF; /* 연한 sky blue (배경) */ --gs-secondary: #22C55E; /* 진한 green (포인트) */ --gs-secondary-soft:#E3F9EB; /* 연한 green (배경) */ /* 중립계열 */ --gs-bg: #F5FAFF; /* 사이트 기본 배경 */ --gs-surface: #FFFFFF; /* 카드/박스 배경 */ --gs-border-soft: #D4E4F5; --gs-text-main: #0F172A; --gs-text-muted: #64748B; /* 버튼/상태 */ --gs-btn-radius: 999px; --gs-shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.08); } /* ── 골프스타 전체 배경(바닥) ───────────────── */ /* body에 golfstar 클래스를 달아둔 상태: */ body.app.golfstar { min-height: 100vh; color: var(--gs-text-main); /* 파스텔 sky blue + green이 섞인 부드러운 그라디언트 */ background: radial-gradient(circle at top left, var(--gs-primary-soft) 0, var(--gs-bg) 40%), radial-gradient(circle at bottom right, var(--gs-secondary-soft) 0, #FFFFFF 55%); background-attachment: fixed; } /* 공통 버튼 */ .gs-btn-primary { background: var(--gs-primary); color: #fff; border-radius: var(--gs-btn-radius); box-shadow: var(--gs-shadow-soft); } /* 서브 버튼이나 태그 */ .gs-pill-green { background: var(--gs-secondary-soft); color: var(--gs-secondary); border-radius: 999px; padding: 3px 10px; font-size: 12px; font-weight: 600; } body.app.golfstar .container { max-width: 960px; margin: 0 auto; padding: 16px 12px 80px; } body.app.golfstar .container > * { background: var(--gs-surface); border-radius: 18px; box-shadow: var(--gs-shadow-soft); padding: 16px; }