/*
 * JJIN Review Board design controls.
 *
 * Change the variables below to adjust the board design without hunting
 * through every CSS file. This file is loaded last, so values here win.
 */

.jjin-review-wrap,
.jjin-review-single-wrap,
.jjin-review-archive-page,
.jjin-review-page-shell,
.jjin-review-write-modal {
	/* Layout */
	--jjin-review-wrap-width: 1220px;
	--jjin-review-wrap-gutter: 48px;
	--jjin-review-wrap-gutter-mobile: 28px;
	--jjin-review-board-padding: 56px;
	--jjin-review-board-padding-mobile: 28px 20px;
	--jjin-review-font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;

	/* Colors */
	--jjin-review-bg: #f5f5f7;
	--jjin-review-surface: #ffffff;
	--jjin-review-surface-soft: #f5f5f7;
	--jjin-review-text: #111111;
	--jjin-review-text-soft: #333333;
	--jjin-review-muted: #6e6e73;
	--jjin-review-subtle: #8e8e93;
	--jjin-review-inverse-text: #ffffff;
	--jjin-review-error-bg: #fff1f1;
	--jjin-review-error-text: #d63638;
	--jjin-review-line: rgba(0, 0, 0, 0.07);
	--jjin-review-line-soft: rgba(0, 0, 0, 0.055);
	--jjin-review-control-bg: #f5f5f7;
	--jjin-review-search-button-bg: #111111;
	--jjin-review-search-button-text: #ffffff;
	--jjin-review-reset-button-bg: #f5f5f7;
	--jjin-review-reset-button-text: #6e6e73;

	/* Shape and depth */
	--jjin-review-board-radius: 44px;
	--jjin-review-board-radius-mobile: 28px;
	--jjin-review-list-radius: 26px;
	--jjin-review-list-radius-mobile: 22px;
	--jjin-review-control-radius: 14px;
	--jjin-review-pill-radius: 999px;
	--jjin-review-shadow: 0 18px 55px rgba(0, 0, 0, 0.05);
	--jjin-review-shadow-strong: 0 26px 78px rgba(0, 0, 0, 0.08);

	/* Controls */
	--jjin-review-control-height: 44px;
	--jjin-review-control-font-size: 14px;
	--jjin-review-search-category-width: 132px;
	--jjin-review-search-keyword-width: 250px;
	--jjin-review-mobile-search-button-width: 86px;

	/* Text sizes */
	--jjin-review-eyebrow-size: 15px;
	--jjin-review-page-title-size: 58px;
	--jjin-review-section-title-size: 48px;
	--jjin-review-board-title-size: clamp(34px, 3.6vw, 50px);
	--jjin-review-all-board-title-size: var(--jjin-review-board-title-size);
	--jjin-review-title-mobile-size: 32px;
	--jjin-review-description-size: 16px;
	--jjin-review-page-description-size: 17px;
	--jjin-review-empty-size: 15px;
	--jjin-review-row-head-size: 14px;
	--jjin-review-row-title-size: 16px;
	--jjin-review-row-title-mobile-size: 13px;
	--jjin-review-all-row-title-size: 15px;
	--jjin-review-all-row-number-color: #111111;
	--jjin-review-row-meta-size: 14px;
	--jjin-review-badge-size: 13px;
	--jjin-review-card-text-size: 24px;
	--jjin-review-card-text-mobile-size: 21px;
	--jjin-review-card-meta-size: 16px;
	--jjin-review-form-label-size: 14px;
	--jjin-review-form-field-size: 15px;
	--jjin-review-form-help-size: 13px;
	--jjin-review-button-font-size: 16px;
	--jjin-review-single-title-size: 52px;
	--jjin-review-single-content-size: 18px;
	--jjin-review-small-size: 13px;
	--jjin-review-modal-close-text: #111111;
}