/**
 * Growth Theme - Editorial Design
 * Botanical authority + investigative journalism aesthetic
 * Sharp corners, high contrast, dense information layout
 */

/* CSS Variables */
:root.theme-growth {
  /* Colors - Editorial Palette */
  --color-background: #edffdf !important;
  --color-surface: #edffdf !important;
  --color-surface-dim: #cbe1bc !important;
  --color-surface-container: #dff5cf !important;
  --color-surface-container-high: #daefca !important;
  
  --color-primary: #101f09 !important;
  --color-secondary: #496455 !important;
  --color-accent: #cb7153 !important;
  --color-tertiary: #1e0400 !important;
  
  --color-on-background: #101f09 !important;
  --color-on-surface: #101f09 !important;
  --color-on-surface-variant: #434846 !important;
  --color-on-primary: #ffffff !important;
  --color-on-secondary: #ffffff !important;
  
  --color-outline: #737876 !important;
  --color-outline-variant: #c3c8c5 !important;
  
  /* Typography */
  --font-heading: 'Newsreader', Georgia, serif !important;
  --font-body: 'Work Sans', -apple-system, sans-serif !important;
  --font-mono: 'Space Grotesk', monospace !important;
  
  /* Spacing - 4px baseline */
  --space-unit: 4px;
  --space-stack-tight: 8px;
  --space-stack-editorial: 32px;
  --space-gutter: 16px;
  --space-margin-edge: 24px;
  --space-section-gap: 64px;
  
  /* Sharp corners - 0px border-radius */
  --radius-sm: 0 !important;
  --radius-md: 0 !important;
  --radius-lg: 0 !important;
}

/* Body and HTML - Override inline styles */
/* Body - Override inline styles with body selector */
body.theme-growth {
  background-color: #edffdf !important;
  color: #101f09 !important;
  font-family: 'Work Sans', -apple-system, sans-serif !important;
}

/* Header */
.theme-growth .site-header {
  background-color: #edffdf !important;
  border-bottom: 2px solid #101f09 !important;
}

/* Title */
.theme-growth .site-title a {
  font-family: 'Newsreader', Georgia, serif !important;
  color: #101f09 !important;
}

/* Featured card - larger */
.theme-growth .featured-card,
.theme-growth .featured-card .post-card-image,
.theme-growth .featured-card .post-card-image img {
  max-height: 300px !important;
  width: 100%;
  object-fit: cover;
}

/* Post Card - smaller for list */
.theme-growth .post-card-image,
.theme-growth .post-card-image img,
.theme-growth article img {
  max-height: 100px !important;
  width: 100%;
  object-fit: cover;
}