/*
Theme Name: Kadence Child - Agra Dot Energy
Theme URI: https://agra.energy
Description: Sovereign Microgrid, Syngas Prime Power & Thermal Solar Infrastructure
Author: Mike Noel
Template: kadence
Version: 1.0.0
*/

/* 1. LOAD SOVEREIGN GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* 2. INJECT GLOBAL AGRA ENERGY TOKENS INTO :ROOT */
:root {
  /* Agri-Energy Color Palette */
  --global-palette1: #10B981; /* Primary Action (Bio-Energy Emerald Green) */
  --global-palette2: #F59E0B; /* Thermal Solar Accent (Amber Energy) */
  --global-palette3: #0B131E; /* Base Canvas (Deep Obsidian / Industrial Navy) */
  --global-palette4: #152232; /* Surface Container (Card Fill) */
  --global-palette5: #22364F; /* Structural Borders & Dividers */
  --global-palette6: #334E6F; /* Framing Highlights */
  --global-palette7: #94A3B8; /* Muted Metadata / Subtext */
  --global-palette8: #F8FAFC; /* Primary Body Text (Crisp White) */
  --global-palette9: #FFFFFF; /* Pure White Base */

  /* Typography Stacks */
  --global-primary-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --global-heading-font: 'Space Grotesk', sans-serif;
  --global-monospace-font: 'JetBrains Mono', monospace;

  --global-body-font-family: var(--global-primary-font);
  --global-heading-font-family: var(--global-heading-font);

  /* Container Dimensions */
  --global-content-width: 1280px;
  --global-narrow-content-width: 840px;
  --global-button-radius: 4px;
}

/* 3. BASE ELEMENT OVERRIDES */
body {
  background-color: var(--global-palette3) !important;
  color: var(--global-palette8) !important;
  font-family: var(--global-body-font-family);
  line-height: 1.65;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--global-heading-font-family) !important;
  color: var(--global-palette8);
  font-weight: 700;
  letter-spacing: -0.02em;
}

code, pre {
  font-family: var(--global-monospace-font) !important;
}

/* 4. POST READING CONTAINER LOCK (840px) */
.single-post .entry-content-wrap,
.single-post .content-container {
  max-width: var(--global-narrow-content-width);
  margin-left: auto;
  margin-right: auto;
}

/* 5. METRIC CARD HIGHLIGHTS */
.agra-metric-box {
  background-color: var(--global-palette4);
  border: 1px solid var(--global-palette5);
  border-radius: var(--global-button-radius);
  padding: 24px;
  text-align: center;
}