/* Honey theme CSS variables — /hyve 전용(M2-A 이식).
 * 원본: src/styles/honey-theme.css. Tailwind 입력(static/src/tailwind.css)에 합치지 않는다 —
 * 이 변수는 hyve 페이지의 [data-theme="honey"] 섹션에서만 쓴다.
 *
 * (원본 주석)
 * Honey theme CSS variables — scoped to [data-theme="honey"] sections only.
 * SPEC-WEB-HYVE-001 REQ-WEB-040/041
 */
section[data-theme="honey"] {
  --honey-gold: #F6B93B;
  --honey-amber: #E09E1C;
  --honey-wax: #FAEAB6;
  --honey-charcoal: #1F1B16;
  --honey-white: #FFFFFF;
}

/* /hyve CTA 버튼 — 현행 src/components/hyve/HyveCTA.astro 의 스코프 스타일 이식본.
 * Astro 는 컴포넌트 <style> 을 별도 CSS 로 뽑아냈다. 그 파일을 옮기지 않으면
 * 버튼이 밋밋한 링크로 보인다(실측: 이식 직후 그렇게 됐다).
 */
  .hyve-cta {
    display: inline-flex; align-items: center; justify-content: center;
    font-weight: 600; padding: 0.75rem 1.5rem; border-radius: 0.5rem;
    font-size: 1rem; text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
    cursor: pointer;
  }
  .hyve-cta:focus-visible {
    outline: 2px solid var(--honey-amber, #E09E1C);
    outline-offset: 3px;
  }
  .hyve-cta--primary {
    background-color: var(--honey-gold, #F6B93B);
    color: var(--honey-charcoal, #1F1B16);
    border: 2px solid transparent;
  }
  .hyve-cta--primary:hover { background-color: var(--honey-amber, #E09E1C); }
  .hyve-cta--secondary {
    background-color: transparent;
    color: var(--honey-charcoal, #1F1B16);
    border: 2px solid var(--honey-charcoal, #1F1B16);
  }
  .hyve-cta--secondary:hover {
    background-color: rgba(31,27,22,0.06);
    border-color: var(--honey-amber, #E09E1C);
    text-decoration: underline;
    text-decoration-color: var(--honey-amber, #E09E1C);
  }