/* ──────────────────────────────────────────────
   VITAL STRUCTURES — Blog Personality Layer
   ────────────────────────────────────────────── */

/* Forest green · tan · warm accent palette */

:root {
  --primary: #3d5a3a;
  --secondary: #8c7a62;
  --tertiary: #c4a87a;
  --fonts: "DM Sans", "Space Grotesk", sans-serif;
}

/* Hero Gradients */
.page-hero {
  background: linear-gradient(135deg, #1a2818 0%, #2a3520 40%, #1a1a18 100%);
}

.post-hero {
  background: linear-gradient(160deg, #2a3520 0%, #1a2818 60%, #1a1a18 100%);
}

/* Featured Card Accent */
.featured-image {
  background: linear-gradient(160deg, #2a3520 0%, #1a2818 60%, #1a1a18 100%);
}

/* Post Card Image Base */
.post-card-image {
  background: linear-gradient(135deg, #2e3d2c 0%, #1e2a1c 100%);
}

/* Photo Strip Gradient */
.photo-strip-item {
  background: linear-gradient(160deg, #2a3520 0%, #1e2a1c 100%);
}

/* Material Study Callout */
.material-callout-image {
  background: linear-gradient(160deg, #3a4a38 0%, #2a3520 100%);
}

/* Related Card Image */
.related-card-image {
  background: linear-gradient(160deg, #2a3520 0%, #1e2a1c 100%);
}

/* Override any base resets or structural classes — NOT redefined here */
/* All layout, nav, footer, reset classes inherit from system.css */