/*
Theme Name: Kadence Child - Sovereign Infrastructure Engine
Theme URI: https://www.dereticular.com
Description: Production Sovereign Child Theme for Michael Noel's Consortium Network
Author: Mike Noel
Template: kadence
Version: 1.0.4
*/

/* ==========================================================================
   1. SOVEREIGN GOOGLE FONTS INGESTION (Preconnected & Non-blocking)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@600;700&display=swap');

/* ==========================================================================
   2. GLOBAL DESIGN TOKENS
   (Copy/paste the exact 9-line palette block for your target site here)
   ========================================================================== */
:root {
  --global-palette1: #00E5A3; /* Primary Action: Hyper-Teal Sovereign */
  --global-palette2: #3B82F6; /* Secondary Accent: Cobalt Intelligence */
  --global-palette3: #0B0F17; /* Base Canvas: Deep Obsidian */
  --global-palette4: #131B2A; /* Surface Container: Card Fill */
  --global-palette5: #1E293B; /* Structural Borders */
  --global-palette6: #334155; /* Framing Highlights */
  --global-palette7: #94A3B8; /* Muted Metadata */
  --global-palette8: #F8FAFC; /* Primary High-Contrast Text */
  --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 GEOMETRY --- */
  --global-content-width: 1280px;
  --global-narrow-content-width: 840px;
  --global-button-radius: 4px;
}

/* ==========================================================================
   3. UNIVERSAL DARK CANVAS (Eliminates White-on-White Text Site-Wide)
   ========================================================================== */
html,
body,
#wrapper,
#inner-wrap,
#main,
.site,
#primary,
.site-main,
.site-content,
.content-container,
.entry-content-wrap,
.entry-content,
.content-bg,
article.post,
article.page,
.single-post,
.page {
  background-color: var(--global-palette3) !important;
  color: var(--global-palette8) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.entry-title,
.wp-block-heading {
  color: var(--global-palette8) !important;
  font-family: var(--global-heading-font) !important;
  letter-spacing: -0.02em;
}

/* High-Contrast Body Typography */
.entry-content p,
.entry-content li,
.entry-content span,
p, li, span {
  color: #CBD5E1 !important;
  font-family: var(--global-body-font-family);
  line-height: 1.7;
}

strong, b {
  color: var(--global-palette9) !important;
  font-weight: 700;
}

/* Code & Telemetry Elements */
code, pre {
  background-color: var(--global-palette4) !important;
  color: var(--global-palette1) !important;
  border: 1px solid var(--global-palette5) !important;
  font-family: var(--global-monospace-font) !important;
}

/* ==========================================================================
   4. NARROW 840PX READING CONTAINER (Enforces Line-Length Readability)
   ========================================================================== */
.single-post .entry-content-wrap,
.single-post .content-container {
  max-width: var(--global-narrow-content-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ==========================================================================
   5. TABLE FORMATTING & DATA CONTRAST (Financial & Demographic Models)
   ========================================================================== */
table,
figure.wp-block-table table {
  background-color: var(--global-palette4) !important;
  color: var(--global-palette8) !important;
  border: 1px solid var(--global-palette5) !important;
  border-collapse: collapse !important;
  width: 100% !important;
  margin: 24px 0 !important;
}

table th,
figure.wp-block-table th {
  background-color: var(--global-palette5) !important;
  color: var(--global-palette1) !important;
  border: 1px solid var(--global-palette6) !important;
  font-weight: 700 !important;
  padding: 12px 16px !important;
  text-align: left !important;
}

table td,
figure.wp-block-table td {
  background-color: var(--global-palette4) !important;
  color: #CBD5E1 !important;
  border: 1px solid var(--global-palette5) !important;
  padding: 12px 16px !important;
}

table.is-style-stripes tr:nth-child(odd) td,
figure.wp-block-table.is-style-stripes tr:nth-child(odd) td {
  background-color: var(--global-palette3) !important;
}

/* ==========================================================================
   6. TABLE OF CONTENTS & INFO BOX CONTAINERS
   ========================================================================== */
.kt-toc-container,
.wp-block-kadence-infobox {
  background-color: var(--global-palette4) !important;
  border: 1px solid var(--global-palette5) !important;
  border-radius: var(--global-button-radius) !important;
}

/* Hyperlinks */
a {
  color: var(--global-palette1) !important;
  text-decoration: underline;
}

a:hover {
  color: var(--global-palette2) !important;
}
