/** Shopify CDN: Minification failed

Line 36:0 All "@import" rules must come first

**/
/* ============================================================
   Hummingbird Collective — Brand Override Stylesheet
   For the "Copy of Horizon" DRAFT theme only — do not add to
   the live/published theme.

   HOW TO APPLY:
   1. Go to https://admin.shopify.com/store/esi1sq-tw/themes/174038188068/editor
   2. In the theme editor, open the "..." menu (top left) → Edit code
   3. Under Assets, click "Add a new asset" → create a blank CSS file
      named "hummingbird-overrides.css" and paste this file's contents in
   4. Open layout/theme.liquid, and just before </head> add:
      {{ 'hummingbird-overrides.css' | asset_url | stylesheet_tag }}
   5. Save. Preview the draft theme (still unpublished — the live site
      is untouched until you explicitly click "Publish").
   ============================================================ */

:root {
  --hc-sand: #E7DCC6;
  --hc-petal: #F7F1E6;
  --hc-bark: #362A22;
  --hc-rose: #C88A96;
  --hc-moss: #7C8A69;
  --hc-gorget: #A23B67;
  --hc-gorget-soft: #C15C86;
  --hc-font-display: 'Fraunces', serif;
  --hc-font-body: 'Work Sans', sans-serif;
}

/* Import brand fonts (Horizon ships with its own defaults —
   this adds ours without touching theme settings) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,600;1,9..144,400&family=Work+Sans:wght@300;400;500;600&display=swap');

body {
  background-color: var(--hc-petal);
  color: var(--hc-bark);
  font-family: var(--hc-font-body);
}

h1, h2, h3, .h1, .h2, .h3 {
  font-family: var(--hc-font-display) !important;
  color: var(--hc-bark);
}

/* Primary buttons */
.button, .btn, button[type="submit"] {
  background-color: var(--hc-bark) !important;
  color: var(--hc-petal) !important;
  border: 1px solid var(--hc-bark) !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 14px;
  transition: background-color .25s ease, color .25s ease;
}
.button:hover, .btn:hover, button[type="submit"]:hover {
  background-color: var(--hc-gorget) !important;
  border-color: var(--hc-gorget) !important;
  color: var(--hc-petal) !important;
}

/* Secondary / outline buttons */
.button--secondary, .btn--outline {
  background-color: transparent !important;
  color: var(--hc-bark) !important;
  border: 1px solid var(--hc-bark) !important;
}

/* Header / nav */
header, .header, .site-header {
  background-color: rgba(247, 241, 230, 0.92) !important;
  border-bottom: 1px solid rgba(54, 42, 34, 0.08);
}

/* Announcement / promo bar */
.announcement-bar, .utility-bar {
  background-color: var(--hc-gorget) !important;
  color: var(--hc-petal) !important;
}

/* Product cards */
.card, .product-card {
  --card-bg: var(--hc-sand);
}
.card .price, .product-card .price {
  color: #8a7a6a;
}

/* Collection / hero banners */
.banner, .hero, .collection-hero {
  background: linear-gradient(155deg, var(--hc-gorget) 0%, var(--hc-rose) 45%, var(--hc-sand) 100%) !important;
}

/* Footer */
footer, .footer {
  background-color: var(--hc-bark) !important;
  color: var(--hc-petal) !important;
}
footer a, .footer a {
  color: var(--hc-rose) !important;
}

/* Newsletter / signup section */
.newsletter, .email-signup {
  background-color: var(--hc-rose) !important;
  text-align: center;
}
.newsletter input, .email-signup input {
  border: 1px solid var(--hc-bark) !important;
  background-color: var(--hc-petal) !important;
}

/* Signature flight-path divider — add a <div class="hc-flight-path"></div>
   anywhere in a section via a Custom Liquid block to use it */
.hc-flight-path {
  width: 180px;
  height: 14px;
  margin: 20px auto 0;
  background: none;
}
.hc-flight-path svg path {
  fill: none;
  stroke: var(--hc-gorget);
  stroke-width: 2;
}