/*
 * main.css — 최소 뼈대 (visual-designer-INSIDE-V2 단계에서 전면 재작성 예정)
 * 여기서는 레이아웃 붕괴 방지용 최소 리셋 + CSS 변수 + 애니메이션 훅만 정의합니다.
 */
:root {
  --fc-deep: #0A1628;
  --fc-accent: #B0A99F;
  --fc-accent-soft: #E7E4DF;
  --fc-bg: #FFFFFF;
  --fc-bg-soft: #F5F6F8;
  --fc-ink: #1A1A1A;
  --fc-desc: #475569;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Pretendard Variable", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
  color: var(--fc-ink);
  background: var(--fc-bg);
  line-height: 1.6;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul { margin: 0; padding: 0; list-style: none; }

.fc-skip { position: absolute; left: -999px; top: 0; }
.fc-skip:focus { left: 0; background: var(--fc-deep); color: #fff; padding: 8px 16px; z-index: 999; }

/* 이미지 플레이스홀더 슬롯 (media-manager 단계에서 <img>로 교체 예정) */
.fc-img-slot {
  width: 100%;
  background: var(--fc-bg-soft);
  border: 1px dashed var(--fc-accent-soft);
}

.fc-section-inner { max-width: 1120px; margin: 0 auto; padding: 0 20px; }
.fc-btn { display: inline-block; padding: 12px 24px; background: var(--fc-deep); color: #fff; border-radius: 6px; }

/* data-anim 훅: 초기 숨김 → is-in 클래스에서 노출 (세부 트랜지션은 visual-designer가 정의) */
[data-anim] { opacity: 0; }
[data-anim].is-in { opacity: 1; }