/*
Theme Name: Product Hunters Child
Theme URI: https://theproducthunters.com
Description: Custom child theme for Product Hunters: warm-editorial Field Guide layout, forest green + terracotta palette, Fraunces / IBM Plex Sans, optimized for Amazon affiliate posts and comparison articles.
Author: Product Hunters
Author URI: https://theproducthunters.com
Template: hello-elementor
Version: 1.0.0
Text Domain: product-hunters-child
*/

:root {
  /* Brand: Field Guide palette (forest green + terracotta + warm paper) */
  --bph-primary: #2F5D4F;        /* Forest green: buttons, badges, CTAs */
  --bph-primary-dark: #21443A;   /* Hover state */
  --bph-primary-light: #E7EFEA;  /* Pale green tint: soft backgrounds, badge fill */
  --bph-accent-link: #2F5D4F;    /* Inline body links match primary green */
  --bph-accent-link-dark: #21443A;

  /* Terracotta family (was mint/brass in template, the warm accent lane) */
  --bph-mint: #F0E1D4;           /* Pale clay cream: soft accent backgrounds, title underlines */
  --bph-mint-dark: #C2683C;      /* Terracotta: numerals, eyebrows, signatures, accent CTAs */
  --bph-mint-soft: #F7EDE4;      /* Very soft clay tint for alt section backgrounds */
  --bph-accent: #C2683C;         /* Terracotta accent */
  --bph-accent-dark: #9C4F2B;    /* Terracotta hover / em on light */

  /* Footer: deep pine */
  --bph-footer-bg: #1B2A24;

  /* Neutrals */
  --bph-charcoal: #1B2A24;       /* Headlines / strong text: deep pine near-black */
  --bph-text: #2A302C;
  --bph-text-muted: #5E665E;
  --bph-border: #E5DCC9;         /* Warm paper border */
  --bph-bg-soft: #F5F0E6;        /* Warm paper, neutral background */
  --bph-cream: #FBF7EF;
  --bph-white: #FFFFFF;

  /* Status / indicators */
  --bph-success: #2E8B57;
  --bph-warning: #C2683C;
  --bph-rating-star: #D89A3C;

  /* Typography: Fraunces (heading, literary serif) + IBM Plex Sans (body) */
  --bph-font-heading: 'Fraunces', Georgia, serif;
  --bph-font-body: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Spacing scale */
  --bph-space-xs: 0.5rem;
  --bph-space-sm: 1rem;
  --bph-space-md: 1.5rem;
  --bph-space-lg: 2.5rem;
  --bph-space-xl: 4rem;

  /* Layout */
  --bph-container-max: 1200px;
  --bph-content-max: 720px;
  --bph-radius: 8px;
  --bph-radius-lg: 12px;

  /* Shadows */
  --bph-shadow-sm: 0 1px 3px rgba(27,42,36,0.08);
  --bph-shadow-md: 0 4px 12px rgba(27,42,36,0.10);
  --bph-shadow-lg: 0 8px 24px rgba(27,42,36,0.14);
}