/*
Theme Name: The7 Child
Theme URI:
Description: The7 Child Theme — 친환경/건축 인증 컨설팅 브랜드 커스터마이징용. 부모 테마(The7)를 직접 수정하지 않고 안전하게 디자인/기능을 확장하기 위해 사용합니다.
Author:
Template: dt-the7
Version: 1.0.0
Text Domain: the7-child
*/

/* ==========================================================================
   BRAND STYLE GUIDE — Green / Teal (친환경·건축 인증 컨설팅)
   신뢰감(Teal) + 지속가능성(Green) + 인증/공식성(Gold accent)을 표현하는 팔레트
   ========================================================================== */

:root {
	/* Primary — 메인 브랜드 컬러. 헤더, 로고, 주요 링크 */
	--color-primary: #1F5C4E;        /* Forest Teal */
	--color-primary-dark: #163F35;   /* Deep Forest Teal — 헤더/푸터 배경, hover */
	--color-primary-light: #4C8B7B;  /* Muted Teal — 보조 텍스트 강조 */

	/* Secondary — CTA 버튼, 강조 요소 */
	--color-secondary: #3E9B7F;      /* Eco Green */
	--color-secondary-dark: #2C7A62; /* Eco Green hover */

	/* Accent — 인증/수상 배지, 하이라이트 */
	--color-accent: #C9A227;         /* Certified Gold */
	--color-accent-dark: #A6841D;

	/* Surface — 배경, 섹션 구분 */
	--color-surface: #FFFFFF;
	--color-surface-light: #F4F7F5;  /* 섹션 배경 */
	--color-surface-mint: #E3F0EA;   /* 카드/박스 배경 */

	/* Text */
	--color-text: #22302B;           /* 본문 텍스트 */
	--color-text-muted: #6B7A73;     /* 보조 텍스트, 캡션 */
	--color-text-inverse: #F4F7F5;   /* 어두운 배경 위 텍스트 */

	/* Border / Divider */
	--color-border: #D6E3DC;
}

/* 링크 */
a {
	color: var(--color-primary);
}
a:hover,
a:focus {
	color: var(--color-secondary-dark);
}

/* 제목 */
h1, h2, h3, h4, h5, h6 {
	color: var(--color-primary-dark);
}

/* 기본 버튼 계열 (The7 버튼 클래스 예시 — 실제 마크업 확인 후 필요시 조정) */
.dt-btn,
.dt-btn.default_btn {
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
	color: var(--color-text-inverse);
}
.dt-btn:hover,
.dt-btn.default_btn:hover {
	background-color: var(--color-secondary-dark);
	border-color: var(--color-secondary-dark);
}

/* 인증/배지 강조용 유틸리티 클래스 */
.badge-certified {
	background-color: var(--color-accent);
	color: var(--color-primary-dark);
}

/* 섹션 배경 유틸리티 */
.section-surface-light {
	background-color: var(--color-surface-light);
}
.section-surface-mint {
	background-color: var(--color-surface-mint);
}