/* Global editorial overrides inspired by example-design.html */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;900&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --ed-bg: #efe9de;
  --ed-bg-soft: #efe9de;
  --ed-line: rgba(80, 65, 50, 0.35);
  --ed-text: #1a1f18;
  --ed-text-dim: #3d4835;
  --ed-accent: #5a6d4d;
  --ed-gold: #9a7a3a;
}

* {
  box-sizing: border-box;
}

html, body {
  background: var(--ed-bg) !important;
  color: var(--ed-text) !important;
}

body {
  font-family: "Inter", "Spectral", system-ui, sans-serif !important;
  line-height: 1.65;
}

h1, h2, h3, h4, .section-heading, .hero-title, .maximalist-header {
  font-family: "Playfair Display", "Cormorant Garamond", serif !important;
  color: var(--ed-text) !important;
  letter-spacing: 0.01em;
}

.section-eyebrow, .mono, .plant-epoch, .blend-meta, .blend-recipe-title, .oil-side-title {
  color: var(--ed-gold) !important;
}

/* Full-width editorial rhythm */
.page,
main,
section,
.home-hero,
.plants-hero,
.oils-hero,
.blends-hero,
.usage-guide,
.blends-howto,
.contact,
.philosophy,
.values,
.team,
footer {
  width: 100% !important;
  max-width: none !important;
}

/* Remove "card dashboard" feeling */
.card,
[class*="card"],
[class*="panel"],
.usage-block,
.howto-item,
.oil-story,
.blend-story,
.plant-story,
.team-card,
.value-item {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Keep structures but flatten containers */
.plant-story,
.oil-story,
.blend-story,
.usage-block,
.howto-item {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ed-line) !important;
}

.plant-side-box {
  background: transparent !important;
  border: 0 !important;
}

/* Navbar/header should not use black in this theme */
header,
.site-header,
.search-bar-wrap,
.tab-container,
.fs-global-network-bar,
.fs-network-container {
  background: var(--ed-bg-soft) !important;
  border-color: var(--ed-line) !important;
  color: var(--ed-text) !important;
}

.fs-global-network-bar {
  border-bottom: 1px solid var(--ed-line) !important;
}

.fs-network-brand a {
  color: var(--ed-text) !important;
  font-weight: 700 !important;
}

.fs-nav-link {
  color: var(--ed-accent) !important;
  font-weight: 500 !important;
}

.fs-nav-link.fs-active {
  color: #1a1f18 !important;
  background: rgba(90, 109, 77, 0.25) !important;
  font-weight: 600 !important;
}

.fs-nav-link:hover {
  background: rgba(90, 109, 77, 0.18) !important;
  color: var(--ed-text) !important;
}

/* Typography readability upgrades */
.hero-sub,
.plants-hero-desc,
.blends-hero-desc,
.oils-hero-desc,
.usage-intro,
.howto-text,
.oil-prose,
.plant-storyline,
.blend-storyline,
.contact-desc,
.feature-text,
p,
span,
a {
  color: var(--ed-text-dim) !important;
}

a {
  color: var(--ed-accent) !important;
  text-decoration: underline;
}

a:hover {
  color: var(--ed-text) !important;
}

.section-heading {
  font-size: clamp(44px, 6vw, 92px) !important;
  line-height: 0.96 !important;
}

.plants-hero,
.home-showcase,
.oils-scroll,
.blends-grid,
.plants-grid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Mobile */
@media (max-width: 768px) {
  .section-heading {
    font-size: clamp(34px, 10vw, 52px) !important;
  }
}