/* Tailwind가 만들지 않는 사이트 고유 스타일. CDN 모드·빌드 모드 둘 다 이 파일을 쓴다. */

@font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: url('/static/fonts/Pretendard-Regular.subset.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: url('/static/fonts/Pretendard-SemiBold.subset.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: url('/static/fonts/Pretendard-Bold.subset.woff2') format('woff2'); }

/* daisyUI 커스텀 테마 'store'. 라이트 하나만.
   포인트(primary)·보조(secondary) 색은 매장 설정 파일(stores/<매장>.yaml) theme 값이 <html style="…"> 로 들어와 덮어쓴다
   (views/shared/site.go ThemeStyle). 여기 값은 시트 값이 없을 때를 위한 무채색 기본값일 뿐이다. */
[data-theme="store"] {
  color-scheme: light;
  --color-base-100: #FFFFFF;
  --color-base-200: #F6F3F3;   /* 섹션 구분 띠·푸터 */
  --color-base-300: #EFE9EA;   /* 구분선 */
  --color-base-content: #262022;
  --color-primary: #262022;
  --color-primary-content: #FFFFFF;
  --color-secondary: #4A4043;
  --color-secondary-content: #FFFFFF;
  /* 나머지 색은 포인트·보조 색을 따라간다 (var: 다른 변수 값을 가져다 씀) */
  --color-accent: var(--color-primary);
  --color-accent-content: #FFFFFF;
  --color-neutral: #262022;
  --color-neutral-content: #FFFFFF;
  --color-info: var(--color-secondary);  --color-info-content: #FFFFFF;
  --color-success: var(--color-secondary); --color-success-content: #FFFFFF;
  --color-warning: #B7791F; --color-warning-content: #FFFFFF;
  --color-error: var(--color-primary);  --color-error-content: #FFFFFF;
  --radius-selector: 8px;
  --radius-field: 8px;
  --radius-box: 8px;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;

  /* daisyUI 테마 밖의 색 */
  --c-muted: #6A5F62;      /* 보조 글자 */
  --c-photo: #F3ECEA;      /* 사진 자리 */
  /* 연한 배경: 시트에 안 적으면 진한 색을 흰색에 8% 섞어 만든다 */
  --c-primary-soft: color-mix(in srgb, var(--color-primary) 8%, #FFFFFF);
  --c-secondary-soft: color-mix(in srgb, var(--color-secondary) 8%, #FFFFFF);
  --c-kakao: #FEE500;
  --c-kakao-text: #191919;
  --c-naver: #03C75A;
}

html, body {
  font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  background: #FFFFFF;
  color: var(--color-base-content);
}
h1, h2, h3 { font-weight: 700; letter-spacing: -0.02em; }

.text-muted { color: var(--c-muted); }
.bg-photo { background: var(--c-photo); }
.bg-primary-soft { background: var(--c-primary-soft); }
.bg-secondary-soft { background: var(--c-secondary-soft); }
.section-band { border-bottom: 8px solid var(--color-base-200); }
.btn-kakao { background: var(--c-kakao); color: var(--c-kakao-text); border-color: var(--c-kakao); }
.btn-naver { background: var(--c-naver); color: #FFFFFF; border-color: var(--c-naver); }
.no-scrollbar { scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }

/* 한 페이지형: #섹션으로 이동했을 때 위에 붙은 헤더·탭(약 94px)에 제목이 가려지지 않게 */
main [id] { scroll-margin-top: 104px; }
/* 스크롤 위치의 섹션 탭 (views/t1/layout.templ tabScript 가 on 을 붙임) */
.tab-chip.on { background: var(--color-primary); color: var(--color-primary-content); }