/* InCarve 브랜드 (소개 계열 화면 전용: 대문·요금·결제·탈퇴·약관). 내 메모 보기(/read)·공유 페이지는 쓰지 않음.
   tokens.css 다음에 불러오고 <html class="brand-site"> 일 때만 적용 (.brand 는 로고 이름이라 겹치지 않게 brand-site). 원본은 InCarve 디자인 시스템(Daylight Paper·Moonlit Desk),
   설명은 docs/DESIGN.md 19절. 어두운 색은 tokens.css 와 같이 두 벌(기기 설정·직접 고름)로 씀 */

/* 글꼴: 서버에 직접 둠(server/public/fonts, 라이선스 파일 함께). 파일이 없으면 다음 글꼴로 넘어감 */
@font-face { font-family: "Noto Serif KR"; src: url("/fonts/NotoSerifKR-SemiBold.woff?v=1") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/fonts/Inter-Regular.woff?v=1") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/fonts/Inter-SemiBold.woff?v=1") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
/* 아래 두 글꼴은 파일을 받아 넣으면 켜짐 (server/public/fonts/README.md) */
@font-face { font-family: "Pretendard"; src: url("/fonts/Pretendard-Regular.subset.woff2?v=1") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Pretendard"; src: url("/fonts/Pretendard-SemiBold.subset.woff2?v=1") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("/fonts/Fraunces-SemiBold.woff2?v=1") format("woff2"), url("/fonts/Fraunces-SemiBold.ttf?v=1") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }

/* 밝은 화면: Daylight Paper. 기존 변수 이름에 브랜드 값을 넣어 home.css·pricing.css·legal.css 가 그대로 따라옴 */
:root.brand-site {
  --paper: #faf9f6;      /* 데이라이트: 기본 배경 */
  --card: #ffffff;       /* 페이퍼 화이트: 카드·입력 칸 */
  --soft: #f4efe6;       /* 페이퍼 아이보리: 묶음·회고 영역 */
  --ink: #1b2a3d;        /* 잉크 네이비: 본문·제목 */
  --sub: #52647a;        /* 슬레이트: 날짜·설명 (바탕 위 5.8:1) */
  --faint: #52647a;      /* 날짜를 지나치게 흐리게 하지 않음 */
  --line: #dedcd5;       /* 페이퍼 라인: 장식 구분선 (입력 칸 경계로 쓰지 않음) */
  --field-line: #52647a; /* 입력 칸 경계 */
  --accent: #1b2a3d;     /* 주요 단추: 네이비 */
  --accent-ink: #ffffff;
  --gold: #c9a96e;       /* 메모리 골드: 짧은 선·작은 장식만 (글자 X) */
  --gold-ink: #80602a;   /* 딥 골드: 다시 만남 표시·강조 글자·아이콘 */
  --gold-bg: #f5ebd8;    /* 선라이트: 강조 바탕 */
  --hero-from: #ffffff;  /* 소개 영역 그라데이션: 화이트 → 아이보리 */
  --hero-to: #f4efe6;
  --shadow: 0 12px 32px rgba(27, 42, 61, 0.08);
  --sans: Pretendard, "Pretendard Variable", -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;
  --sans-en: Inter, Pretendard, -apple-system, system-ui, sans-serif;
  --serif: "Noto Serif KR", "Apple Myungjo", "AppleMyungjo", Batang, Georgia, serif;
  --serif-en: Fraunces, Georgia, "Times New Roman", serif;
  --font: var(--sans);
  --r-btn: 8px;
}
@media (prefers-color-scheme: dark) {
  :root.brand-site:not([data-theme="light"]) {
    --paper: #1b2a3d; --card: #24354a; --soft: #2e4057; --ink: #f4efe6; --sub: #b8c4d2; --faint: #b8c4d2;
    --line: #40536a; --field-line: #b8c4d2; --accent: #c9a96e; --accent-ink: #1b2a3d;
    --gold-ink: #e0c38f; --gold-bg: #3a352d; --hero-from: #1b2a3d; --hero-to: #2e4057;
    --shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
  }
}
/* 어두운 화면: Moonlit Desk (직접 '어둡게'를 고른 경우) */
:root.brand-site[data-theme="dark"] {
  --paper: #1b2a3d; --card: #24354a; --soft: #2e4057; --ink: #f4efe6; --sub: #b8c4d2; --faint: #b8c4d2;
  --line: #40536a; --field-line: #b8c4d2; --accent: #c9a96e; --accent-ink: #1b2a3d;
  --gold-ink: #e0c38f; --gold-bg: #3a352d; --hero-from: #1b2a3d; --hero-to: #2e4057;
  --shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

/* 영어 화면: 본문은 Inter, 제목은 Fraunces (한영이 섞인 한국어 화면은 Pretendard·Noto Serif KR) */
:root.brand-site:lang(en) { --font: var(--sans-en); --serif: var(--serif-en); }