/*
Theme Name: Empirical AI
Theme URI: https://empirical-ai.com
Author: Empirical AI
Author URI: https://empirical-ai.com
Description: Forensic compliance analysis platform. Block theme with sharp, schematic design aesthetic.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
License URI: https://empirical-ai.com/terms-of-service
Text Domain: empirical-ai
*/

/* === DESIGN TOKENS === */
:root {
  --e-carbon-ink: #181A1F;
  --e-archival-bond: #F4F3EE;
  --e-draft-gray: #DCDAD2;
  --e-signal-alert: #FF8A50;
  --e-pass-green: #16A34A;
  --e-fail-red: #DC2626;
  --e-insight-teal: #0EA5E9;

  --e-spacing-xs: 4px;
  --e-spacing-sm: 8px;
  --e-spacing-md: 16px;
  --e-spacing-lg: 24px;
  --e-spacing-xl: 40px;
  --e-spacing-2xl: 80px;
  --e-spacing-3xl: 120px;
}

/* === GLOBAL RESETS === */
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--e-archival-bond);
  color: var(--e-carbon-ink);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* === TYPOGRAPHY === */
h1, h2, h3, h4 {
  font-family: "IBM Plex Sans", sans-serif;
  margin: 0;
  line-height: 1.2;
}
h1 { font-weight: 600; }
h2 { font-weight: 600; }
p { margin: 0; }

/* === FORENSIC AESTHETIC === */
.wp-block-button__link,
.wp-block-button .wp-element-button {
  border-radius: 0 !important;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.wp-block-button__link:hover {
  transform: translate(-2px, -2px);
}

/* Ink shadow cards */
.empirical-card {
  border: 1px solid var(--e-carbon-ink);
  box-shadow: 8px 8px 0 0 var(--e-carbon-ink);
  padding: var(--e-spacing-lg);
  border-radius: 0;
}
.empirical-card--light-shadow {
  box-shadow: 6px 6px 0 0 var(--e-carbon-ink);
}

/* Problem boxes (red glow) */
.empirical-problem-box {
  border: 1px solid var(--e-fail-red);
  box-shadow: 4px 8px 4px rgba(220, 38, 38, 0.6);
  padding: var(--e-spacing-lg);
  border-radius: 0;
  background: transparent;
}

/* Severity tiles (left border) */
.empirical-tile--critical { border-left: 3px solid var(--e-fail-red); }
.empirical-tile--high { border-left: 3px solid var(--e-signal-alert); }
.empirical-tile--medium { border-left: 3px solid var(--e-insight-teal); }
.empirical-tile--pass { border-left: 4px solid var(--e-pass-green); }

/* Section label (mono uppercase) */
.empirical-label {
  font-family: "IBM Plex Mono", monospace;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
}
.empirical-label--sm {
  font-size: 11px;
  letter-spacing: 1px;
}

/* Schematic dividers */
.empirical-divider {
  width: 80px;
  height: 1px;
  background: var(--e-draft-gray);
  border: none;
}

/* Callout box */
.empirical-callout {
  border: 1px solid var(--e-signal-alert);
  padding: var(--e-spacing-lg);
  border-radius: 0;
}

/* Dark section */
.empirical-section--dark {
  background: var(--e-carbon-ink);
  color: var(--e-archival-bond);
}
.empirical-section--dark h2,
.empirical-section--dark h3 {
  color: var(--e-archival-bond);
}
.empirical-section--dark p {
  color: var(--e-draft-gray);
}

/* Light section */
.empirical-section--light {
  background: var(--e-archival-bond);
  color: var(--e-carbon-ink);
}

/* Button variants */
.empirical-btn--dark {
  background: var(--e-carbon-ink) !important;
  color: var(--e-archival-bond) !important;
  border: 1px solid var(--e-carbon-ink) !important;
  box-shadow: 6px 6px 0 0 var(--e-archival-bond);
}
.empirical-btn--light .wp-block-button__link {
  background: var(--e-archival-bond) !important;
  color: var(--e-carbon-ink) !important;
  border: 1px solid var(--e-archival-bond) !important;
  box-shadow: 6px 6px 0 0 var(--e-carbon-ink);
}

/* Placeholder for Phase B SVGs */
.empirical-placeholder {
  background: var(--e-carbon-ink);
  border: 1px dashed var(--e-draft-gray);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--e-draft-gray);
  font-family: "IBM Plex Mono", monospace;
  font-size: 12px;
  min-height: 300px;
}

/* Step number styling */
.empirical-step-num {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 600;
  line-height: 1;
}

/* Before/After card borders */
.empirical-card--before { border: 2px solid var(--e-fail-red); }
.empirical-card--after { border: 2px solid var(--e-pass-green); }

/* === TRIPTYCH CAROUSEL === */
.empirical-triptych__panel { display: none; }
.empirical-triptych__panel--active { display: block; }
.empirical-triptych__tab { transition: border-color 0.2s, background 0.2s; }

/* === CASCADE INTERACTION === */
.empirical-cascade--dimmed [data-severity] { opacity: 0.3; transition: opacity 0.3s; }
.empirical-cascade--dimmed [data-severity].empirical-cascade__group--active { opacity: 1; }
[data-tile] { transition: background 0.2s; cursor: pointer; }
[data-tile].empirical-tile--active { background: rgba(255,255,255,0.05); }

/* === HEADER OVERRIDES === */
/* wp:site-title renders as <h1><a> — force archival-bond against link defaults */
.wp-block-site-title a,
.wp-block-site-title a:hover,
.wp-block-site-title a:visited {
  color: var(--e-archival-bond) !important;
  text-decoration: none;
}

/* Navigation links inherit dark defaults — force archival-bond */
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: var(--e-archival-bond) !important;
  text-decoration: none;
}

/* Strip WordPress core nav item background highlight */
.wp-block-navigation .wp-block-navigation-item,
.wp-block-navigation .wp-block-navigation-item:hover,
.wp-block-navigation .wp-block-navigation-item:focus {
  background: transparent !important;
}

/* === FOOTER OVERRIDES === */
/* Space between column label (COMPANY etc.) and first link */
.empirical-section--dark .wp-block-column > p.empirical-label--sm {
  margin-bottom: var(--e-spacing-sm);
}

/* Space between individual footer links */
.empirical-section--dark .wp-block-column > p + p {
  margin-top: 6px;
}
.empirical-section--dark .wp-block-columns .wp-block-columns .wp-block-column:last-child p {
    white-space: nowrap !important;
}
.empirical-section--dark .wp-block-column > .wp-block-columns {

/* Hero vertical centering */
  .wp-block-columns.are-vertically-aligned-center {
    align-items: center;                           
  }
}