/* ChocoV Design A — "성장 노트" 공유 테마 (funnel 페이지 공통 베이스)
   Bootstrap 5.3 CSS 변수 오버라이드로 !important 없이 톤 통일.
   각 페이지의 Bootstrap CSS <link> 바로 뒤에 로드할 것. */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css');
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap');

:root{
  --paper:#FBF8F3; --card:#FFFFFF; --cream:#FCF6EC; --ink-navy:#1E2A44;
  --choco:#F26F21; --choco-soft:#FDEBDD; --sage:#6B8F71; --sage-soft:#E4EDE4;
  --ink:#2A3244; --ink-2:#5A6473; --ink-3:#8A93A1; --line:#EAE3D6; --line-2:#ECEEF1;
  --font-body:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-disp:'Hanken Grotesk','Pretendard Variable',sans-serif;
}

body{ background:var(--paper); font-family:var(--font-body); color:var(--ink-2); letter-spacing:-.01em; }
::selection{ background:var(--choco-soft); }
h1,h2,h3,h4,h5,h6{ color:var(--ink); letter-spacing:-.02em; }
a{ color:var(--choco); }
a:hover{ color:#d95f16; }

/* Buttons — driven by Bootstrap 5.3 button CSS variables (no !important needed) */
.btn-primary{
  --bs-btn-bg:var(--choco); --bs-btn-border-color:var(--choco);
  --bs-btn-hover-bg:#e0621a; --bs-btn-hover-border-color:#e0621a;
  --bs-btn-active-bg:#cf5814; --bs-btn-active-border-color:#cf5814;
  --bs-btn-disabled-bg:var(--choco); --bs-btn-disabled-border-color:var(--choco);
  font-weight:700;
}
.btn-outline-primary{
  --bs-btn-color:var(--choco); --bs-btn-border-color:var(--choco);
  --bs-btn-hover-bg:var(--choco); --bs-btn-hover-border-color:var(--choco);
  --bs-btn-active-bg:var(--choco); --bs-btn-active-border-color:var(--choco);
  font-weight:600;
}
.btn-success{
  --bs-btn-bg:var(--sage); --bs-btn-border-color:var(--sage);
  --bs-btn-hover-bg:#5c7d62; --bs-btn-hover-border-color:#5c7d62;
  font-weight:600;
}
.btn-dark{ --bs-btn-bg:var(--ink-navy); --bs-btn-border-color:var(--ink-navy); --bs-btn-hover-bg:#151d31; --bs-btn-hover-border-color:#151d31; }

/* Cards */
.card{ border:1px solid var(--line-2); border-radius:16px; box-shadow:0 1px 2px rgba(30,42,68,.04),0 10px 30px rgba(30,42,68,.06); }

/* Form controls — warm focus ring */
.form-control:focus,.form-select:focus{ border-color:var(--choco); box-shadow:0 0 0 3px var(--choco-soft); }

/* Alerts */
.alert-info{ background:#FBF1E4; border-color:#F0DEC6; color:#8A6427; border-radius:12px; }
.alert-primary{ background:var(--choco-soft); border-color:#F0DEC6; color:#8A6427; border-radius:12px; }

/* Badges & primary text */
.badge.bg-primary{ background:var(--choco) !important; }
.text-primary{ color:var(--choco) !important; }
.bg-primary{ background-color:var(--choco) !important; }
.border-primary{ border-color:var(--choco) !important; }

/* Eyebrow helper (uppercase tracked label) */
.a-eyebrow{ font-family:var(--font-disp); text-transform:uppercase; letter-spacing:.22em; font-weight:600; font-size:11px; color:var(--choco); }