/* ==========================================================================
   떡잎사주 테마 — 색·글꼴·모서리·크기 값은 이 파일에서만 정한다(변수만).
   화면 구조(site.css)와 마크업은 아래 변수 이름만 쓴다. 색을 바꿀 땐 이 파일만 고친다.
   지금 값 = design-v9 (10-21 최종안. 색은 상위 셀러 실측 grayson/marketing/research/2026-10-21-top-seller-image-style/BENCHMARK.md)
     · 파란 기 없는 거의 검정 바탕 · 순백 800 제목 · 금 한 가지 · 자주 판(평면, 그라데이션 없음) · 상아 종이
     · 글자 5단계 = 핵심 칸 제목 28 / 보통 칸 제목 24 / 판 제목 18 / 본문 16 / 작은 글 13 (+ 큰 숫자 84 · 권위 46 · 주력 가격 36)
     · 모서리 = 버튼·카드·그림 14 / 전통 판·표지·작은 표지 4
     · 제목·본문 프리텐다드. 명조(Noto Serif KR)는 '믿는 것' 제목 한 줄 + 큰 숫자·한자·책 표지에만.
   글꼴 파일은 fonts.css(scripts/copy-fonts.mjs 가 생성).
   ========================================================================== */
:root{
  /* 글꼴 */
  --sans:"Pretendard Variable","Pretendard","Apple SD Gothic Neo",sans-serif; /* 본문·가격·버튼 */
  --head:var(--sans);                                     /* 제목·상품명 */
  --serif:"Noto Serif KR","AppleMyungjo",serif;           /* 한자(사주 팔자·장 번호)에만 */
  --col:440px;                                            /* PC에서 가운데 폰 폭 */

  /* 글자 크기(v7 실측) */
  --h1-size:29px;
  --h2-size:24px;
  --kick-size:13px;
  --kick-track:1.8px;
  --body-size:16px;
  /* 손님 리포트 읽기 면(10-23 v2, 기운사식 '휴대폰으로 읽는 책'): 본문 18 · 줄 간격 1.85 · 장 제목 27 · PC 칼럼 560 */
  --read-size:18px;
  --read-lh:1.85;
  --chap-size:27px;
  --read-col:560px;

  /* 모서리·높이 */
  --r-btn:14px;
  --r-card:14px;
  --r-panel:14px;
  --r-img:14px;
  --r-tag:4px;                    /* 전통 판(이중 금선)·책 표지·작은 표지·시계 칸 */
  --r-field:12px;
  --btn-h:60px;
  --ghost-h:54px;

  /* 바탕 */
  --page:#000000;                 /* 칼럼 바깥(PC 여백) */
  --bg:#0c0b0a;                   /* 칼럼 바탕 */
  --bg-glass:rgba(12,11,10,.92);  /* 상단 바 */
  --bg-glass-strong:rgba(12,11,10,.96); /* 하단 고정 바 */
  /* PC 양옆(칼럼 바깥) 아주 옅은 밤하늘 — 별빛 점 4~6% + 금빛 번짐(10-21 마지막 검토 P2-4). 폰은 칼럼이 화면을 다 채워 안 보임 */
  --page-texture:radial-gradient(circle at 82% 16%,rgba(235,197,124,.06) 0,transparent 30%),radial-gradient(circle at 14% 84%,rgba(235,197,124,.04) 0,transparent 34%),radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.4px);
  --page-texture-size:auto,auto,52px 52px;
  --img-placeholder:#151311;      /* 그림이 뜨기 전 자리 색 */
  /* v11 붓 테두리 마스크(먹 붓 자국 틀, 투명 = 바탕이 보임). 세로 장면 = tall, 정사각 설명 그림·1:1 로 자른 칸 = square */
  --brush-tall:url("/assets/img/v11/brush-tall.png");
  --brush-square:url("/assets/img/v11/brush-square.png");

  /* 글자 */
  --ink:#ffffff;                  /* 제목·강조 */
  --ink2:#cfcfcf;                 /* 본문 */
  --muted:#9a9a9a;                /* 보조 */
  --ink-strong:#ffffff;
  --placeholder:#6c6a66;
  --caption:#a69c8e;              /* 그림 설명 */
  --on-photo:#ececec;             /* 사진 위 보조 글 */
  --photo-shadow:0 2px 18px rgba(0,0,0,.65);
  --photo-shadow-sm:0 1px 12px rgba(0,0,0,.7);
  --photo-top-fade:linear-gradient(180deg,rgba(12,11,10,.74) 0,rgba(12,11,10,.52) 30%,rgba(12,11,10,.16) 46%,rgba(12,11,10,0) 56%); /* 첫 화면: 글자 4줄 자리까지 어둡게, 얼굴(60%~)은 그대로 */

  /* 선·강조색 */
  --line:rgba(255,255,255,.1);
  --line-strong:rgba(255,255,255,.18);
  --line-faint:rgba(255,255,255,.05);  /* 머리줄 아래 선 */
  --gold-line:rgba(216,174,106,.75);   /* 이중 금선 바깥·권위 배지 */
  --gold-line2:rgba(216,174,106,.55);  /* 이중 금선 안쪽·연도 칩·환불 배너 */
  --gold-line3:rgba(216,174,106,.35);
  --line-dashed:rgba(216,174,106,.45);
  --gold:#d8ae6a;                 /* 버튼·머리말·숫자 원 */
  --gold2:#ebc57c;                /* 제목 강조어·큰 숫자 */
  --accent-soft:rgba(216,174,106,.14);
  --accent-tint:rgba(216,174,106,.10);
  --accent-faint:rgba(216,174,106,.05);
  --focus-ring:rgba(235,197,124,.22);
  --leaf:#93b260;
  --hz:#b8955a;                   /* 한자 곁말(日干·五行…) */
  --star:#c9a24a;                 /* 빈 별 선 */
  --stamp:#c0392b;
  --tag:#d8ae6a;
  --tagInk:#1a120a;
  --strike:rgba(255,255,255,.25); /* 바꾸기 전 말 취소선 */
  --glow:none;

  /* 버튼(평면, 그라데이션 없음) */
  --btnA:#d8ae6a;
  --btnB:#d8ae6a;
  --btnInk:#1a120a;
  --btn-shadow:none;

  /* 면 */
  --card:rgba(255,255,255,.04);   /* 입력·결제 화면 카드 */
  --card-solid:#14110d;           /* 홈 주력 상품 카드 */
  --arrow-bg:rgba(12,11,10,.8);   /* 예시 장 넘김 화살표(어두운 80%) */
  --scrim:rgba(12,11,10,.72);     /* 그림 위 글자 자리(포스터 칸·권위 배지) */
  --scrim-strong:rgba(12,11,10,.78);
  --scrim-soft:rgba(12,11,10,.35);
  --scrim-end:rgba(12,11,10,.85);
  --field:#161513;                /* 입력 칸 */
  --surface:rgba(255,255,255,.04);
  --surface2:rgba(255,255,255,.05);
  --track:rgba(255,255,255,.10);
  --shade:rgba(255,255,255,.03);
  --shade2:rgba(0,0,0,.25);
  --col-shadow:0 0 0 1px rgba(255,255,255,.05);

  /* 자주(와인) 판 — 평면 한 색(v9: 그라데이션 판 없음). 86점·늘 같은 풀이 띠·후기 판·'알고 키우면'·오픈가 배너·시계 */
  --wine1:#4d2321;
  --wine2:#4d2321;                /* 예전 그라데이션 끝 색 — v9부터 wine1 과 같게(평면) */
  --wine-deep:#2a1110;            /* 시계 숫자 칸·책 등 */
  --wine-ink:#eadcd8;
  --book-cover:#3a1a19;           /* 리포트 표지 모형 */
  --book-page:#e6dcc6;
  --book-page2:#f1e9d7;
  --book-page-line:#c9b993;

  /* 상아 종이 — 다섯 기운·하지 않는 것·리포트 견본 */
  --paper:#f4efe4;
  --paper-ink:#2a241c;
  --paper-ink2:#3d352a;
  --paper-muted:#6b6253;
  --paper-line:rgba(42,36,28,.10);
  --paper-track:rgba(42,36,28,.10);
  --paper-mark:#c0392b;
  --paper-yes:#3f6b2a;
  --paper-say:rgba(111,154,70,.12);
  --paper-say-ink:#4d6b32;
  --paper-ok:rgba(111,154,70,.12);
  --paper-bad:rgba(178,58,43,.08);
  --paper-score:#9a3a2a;
  --paper-gold:#9a7a3e;           /* 목차 번호·장 번호 */
  --paper-gold-deep:#7a5a20;
  --paper-frame:#c2a26a;          /* 종이 위 이중 금선 */
  --paper-frame2:rgba(168,130,63,.6);
  --paper-corner:#a8823f;         /* 종이 위 모서리 장식·마름모 점 */
  --paper-say-bg:#ebe3d2;         /* 예시 장 '오늘 해 볼 말' */
  --paper-note:#fffdf7;           /* 후기 쪽지 */
  --paper-head:#1d1a17;           /* 후기 카드 이름 줄 */
  --paper-head-ink:#d9d2c3;
  --paper-shadow:none;
  --say-card:#18130e;             /* 리포트 '오늘 해 볼 말' 카드(상아 면 위 어두운 판) */
  --say-card-ink:#f6efe2;

  /* 상태 */
  --ok:#8fc27a;
  --ok-bg:rgba(143,194,122,.08);
  --ok-line:rgba(143,194,122,.6);
  --err:#ff6b6b;
  --err-bg:rgba(255,107,107,.08);
  --err-line:rgba(255,107,107,.5);
  --err-ink:#ffd6cf;
  --draft-ink:#ffcfc6;
  --draft-bg:rgba(192,57,43,.12);

  /* 오행 색 — 어두운 바탕용 */
  --el-wood:#8fb35a;
  --el-fire:#d2634a;
  --el-earth:#d1a24f;
  --el-metal:#b9b2a3;
  --el-water:#6a8fc2;
  /* 오행 색 — 상아 종이용(v7 다섯 기운 카드) */
  --el-wood-paper:#6f8f4e;
  --el-fire-paper:#b4553f;
  --el-earth-paper:#b8924c;
  --el-metal-paper:#8d8a83;
  --el-water-paper:#3f5f7f;
}