/*
  황금로드 (Hwanggeum Road) — sajuin.com 계열 절제된 청록 accent 테마

  출처: design_handoff_hwanggeum_road/HwanggeumRoad.dc.html (고정밀 디자인 레퍼런스).
  그림자를 쓰지 않고, 청록(#28A4A0) 액센트 하나로 모든 인터랙티브 요소를 통일하며,
  명조 세리프(Nanum Myeongjo)는 표제부에만 쓰는 것이 이 테마의 핵심 규칙이다.
*/

:root {
  /* 필수 계약 토큰 (18종) */
  --saju-color-canvas: #dddddd;
  --saju-color-surface: #ffffff;
  --saju-color-surface-emphasis: #235a6b;
  --saju-color-text: #333333;
  --saju-color-text-muted: #757575;
  --saju-color-text-inverse: #ffffff;
  --saju-color-border: #e2e2e2;
  --saju-action-primary-bg: #28a4a0;
  --saju-action-primary-hover: #1f8480;
  --saju-action-primary-text: #ffffff;
  --saju-action-accent: #28a4a0;
  --saju-action-focus: #28a4a0;
  --saju-state-positive-bg: #fffaf4;
  --saju-state-positive-text: #138500;
  --saju-state-warning-bg: #fffaf4;
  --saju-state-warning-text: #8a6859;
  --saju-state-danger-bg: #fffaf4;
  --saju-state-danger-text: #dc3838;
  --saju-radius-control: 6px;
  --saju-radius-card: 6px;
  --saju-radius-pill: 999px;
  --saju-shadow-card: none;
  --saju-font-body: "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;
  --saju-font-display: "Nanum Myeongjo", serif;

  /* 황금로드 전용 보조 토큰 (18종 계약 밖 — 사주 기둥 위젯·히어로·폼 패널 레시피 전용) */
  --saju-pillar-year-bg: #235a6b;
  --saju-pillar-month-bg: #36363b;
  --saju-pillar-day-bg: #8a6859;
  --saju-hero-bg: #eef0ec;
  --saju-hero-border: #dcdcd4;
  --saju-hero-inset: clamp(28px, 4vw, 44px);
  --saju-form-panel-bg: #dce1e8;
  --saju-form-panel-border: #c4ccd6;
  --saju-price-color: #ff0000;
  --saju-chip-bg: #fffaf4;
  --saju-chip-border: #f0efd0;
  --saju-accent-soft-bg: #e8f4f3;
}

[data-theme="hwanggeum-road"] .site-header {
  border-bottom-color: var(--saju-color-border);
  background: var(--saju-color-surface);
  backdrop-filter: none;
}

[data-theme="hwanggeum-road"] .brand-mark {
  border-radius: var(--saju-radius-control);
}

[data-theme="hwanggeum-road"] [data-ui="product-card"][data-emphasis="recommended"] {
  background: var(--saju-color-surface);
  border-color: var(--saju-action-accent);
}

[data-theme="hwanggeum-road"] .primary-button,
[data-theme="hwanggeum-road"] .primary-button:hover {
  box-shadow: none;
}

[data-theme="hwanggeum-road"] .price {
  color: var(--saju-price-color);
}

[data-theme="hwanggeum-road"] [data-page-route="landing"] .badge.success {
  background: var(--saju-accent-soft-bg);
  color: var(--saju-action-primary-hover);
}

[data-theme="hwanggeum-road"] [data-page-route="landing"] .ref-banner .tag {
  border: 0;
  background: var(--saju-accent-soft-bg);
  color: var(--saju-action-primary-hover);
}