/*
 * The Doc Labs — Mr. Robot polish overlay
 * Loaded AFTER style.css. Forces consistent fsociety palette + IBM Plex Mono
 * over the theme's existing multi-palette stack without rewriting it.
 */

/* ──────────────────────────────────────────────
 * 1. PALETTE — override the main custom-properties
 * ────────────────────────────────────────────── */
:root,
body {
  --bg: #0a0a0a !important;
  --surface: #0f0f0f !important;
  --elevated: #161616 !important;
  --bg-secondary: #0d0d0d !important;
  --text: #d4d4d4 !important;
  --text-muted: #8a8a8a !important;
  --text-dim: #5e5e5e !important;
  --accent: #e60000 !important;
  --accent-pink: #7a0000 !important;
  --accent-purple: #2a0a0a !important;
  --accent-blue: #00ff41 !important;
  --border: rgba(230,0,0,0.18) !important;
  --gradient-1: linear-gradient(135deg, #e60000 0%, #7a0000 100%) !important;
  --gradient-2: linear-gradient(135deg, #7a0000 0%, #1a0000 100%) !important;
  --glow: 0 0 32px rgba(230,0,0,0.32) !important;

  --lab-bg: #0a0a0a !important;
  --lab-bg-soft: #111111 !important;
  --lab-text: #d4d4d4 !important;
  --lab-muted: #8a8a8a !important;
  --lab-dim: #5e5e5e !important;
  --lab-line: rgba(230,0,0,0.15) !important;
  --lab-line-strong: rgba(230,0,0,0.42) !important;
  --lab-green: #e60000 !important;
  --lab-red: #e60000 !important;
  --lab-amber: #d4d4d4 !important;
  --lab-cyan: #e60000 !important;
  --lab-cyan-soft: #7a0000 !important;
  --lab-terminal: #e60000 !important;
}

/* ──────────────────────────────────────────────
 * 2. TYPOGRAPHY — IBM Plex Mono everywhere structural
 * ────────────────────────────────────────────── */
body, p, li, td, th, blockquote, .about-body, .about-card-desc {
  font-family: 'IBM Plex Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.lab-title, .lab-kicker,
.about-name, .about-section-title, .about-card-title, .about-hw-name,
.lab-button, .btn,
.lab-console, .lab-console-row, .lab-console-command,
.sidebar-section-title, .sidebar-link,
.field-note-kicker,
nav, .nav, .lab-actions a,
.footer-brand-name, .footer-copy {
  font-family: 'IBM Plex Mono', 'JetBrains Mono', 'Fira Code', ui-monospace, Menlo, monospace !important;
  letter-spacing: -0.01em !important;
}

/* ──────────────────────────────────────────────
 * 3. HERO — Mr. Robot terminal feel
 * ────────────────────────────────────────────── */
.lab-hero {
  position: relative !important;
  background: #0a0a0a !important;
}
/* subtle CRT scanlines — barely visible, only on hero */
.lab-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 100% 3px;
  z-index: 1;
  mix-blend-mode: overlay;
}
.lab-hero > * { position: relative; z-index: 2; }
.lab-title {
  color: #d4d4d4 !important;
  font-weight: 600 !important;
}
/* blinking cursor after H1 */
.lab-title::after {
  content: '_';
  color: #e60000;
  animation: dl-blink 1.05s steps(2, end) infinite;
  margin-left: 0.15em;
}
@keyframes dl-blink { 0%, 50% { opacity: 1 } 50.01%, 100% { opacity: 0 } }

/* kickers as terminal prompts */
.lab-kicker {
  color: #e60000 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  font-size: 0.78em !important;
}
.lab-kicker::before {
  content: '> ';
  color: #e60000;
  opacity: 0.7;
}
.lab-kicker-alert::before {
  content: '◉ ';
  color: #e60000;
}

/* ──────────────────────────────────────────────
 * 4. BUTTONS — sharp, no rounded marshmallows
 * ────────────────────────────────────────────── */
.lab-button, .btn {
  border-radius: 2px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 0.85em !important;
  border-width: 1px !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.lab-button-primary, .btn-primary {
  background: #e60000 !important;
  color: #0a0a0a !important;
  border: 1px solid #e60000 !important;
}
.lab-button-primary:hover, .btn-primary:hover {
  background: #ff0a0a !important;
  box-shadow: 0 0 24px rgba(230,0,0,0.5) !important;
  transform: translateY(-1px);
}
.lab-button-secondary, .btn-secondary {
  background: transparent !important;
  color: #d4d4d4 !important;
  border: 1px solid rgba(230,0,0,0.45) !important;
}
.lab-button-secondary:hover, .btn-secondary:hover {
  background: rgba(230,0,0,0.08) !important;
  border-color: #e60000 !important;
  color: #ffffff !important;
}

/* ──────────────────────────────────────────────
 * 5. LINKS — red bottom border, no underline
 * ────────────────────────────────────────────── */
.entry-content a, .about-body a, main p a, article a {
  color: #e60000 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(230,0,0,0.4) !important;
  transition: border-color 0.18s, color 0.18s !important;
}
.entry-content a:hover, .about-body a:hover, main p a:hover, article a:hover {
  color: #ff3030 !important;
  border-bottom-color: #ff3030 !important;
}

/* ──────────────────────────────────────────────
 * 6. CARDS / SECTIONS — sharp corners, red borders
 * ────────────────────────────────────────────── */
.lab-personal-panel, .about-card, .about-interest-card, .about-learning-card,
.about-hw-card, .lab-creator-zone, .lab-identity-track,
.lab-status-note, .lab-featured-project, .lab-map-zone,
.lab-dashboard-stat, .lab-stack-pillar, .lab-latest-post {
  border-radius: 2px !important;
  border: 1px solid rgba(230,0,0,0.15) !important;
  background: #0e0e0e !important;
  transition: border-color 0.18s, transform 0.18s !important;
}
.lab-personal-panel:hover, .about-card:hover, .about-interest-card:hover,
.lab-creator-zone:hover, .lab-featured-project:hover, .lab-map-zone:hover,
.lab-latest-post:hover {
  border-color: rgba(230,0,0,0.55) !important;
  transform: translateY(-2px);
}

/* ──────────────────────────────────────────────
 * 7. TERMINAL CONSOLE WIDGET — keep it center stage
 * ────────────────────────────────────────────── */
.lab-console {
  background: #050505 !important;
  border: 1px solid rgba(230,0,0,0.35) !important;
  border-radius: 2px !important;
  box-shadow: 0 0 0 1px rgba(230,0,0,0.06), 0 24px 80px rgba(0,0,0,0.6) !important;
}
.lab-console-top {
  background: #0d0d0d !important;
  border-bottom: 1px solid rgba(230,0,0,0.18) !important;
  color: #e60000 !important;
}
.lab-console-command {
  color: #e60000 !important;
}
.lab-console-command::after {
  content: '_';
  color: #e60000;
  animation: dl-blink 1.05s steps(2, end) infinite;
  margin-left: 0.2em;
}

/* ──────────────────────────────────────────────
 * 8. FOOTER — closing session
 * ────────────────────────────────────────────── */
footer, .site-footer {
  border-top: 1px solid rgba(230,0,0,0.2) !important;
  background: #050505 !important;
}
.footer-brand-name { color: #e60000 !important; }
.footer-copy { color: #5e5e5e !important; font-size: 0.78em !important; }

/* ──────────────────────────────────────────────
 * 9. CODE blocks (blog posts) — terminal feel
 * ────────────────────────────────────────────── */
pre, code, .wp-block-code {
  background: #050505 !important;
  color: #d4d4d4 !important;
  border: 1px solid rgba(230,0,0,0.2) !important;
  border-radius: 2px !important;
  font-family: 'IBM Plex Mono', 'JetBrains Mono', ui-monospace, monospace !important;
}

/* ──────────────────────────────────────────────
 * 10. ANY remaining pink/yellow/purple from the old palette
 * ────────────────────────────────────────────── */
[style*="#ff2d55"], [style*="#ff0066"] { color: #e60000 !important; }
.text-pink, .accent-pink { color: #e60000 !important; }
.bg-pink, .accent-bg-pink { background-color: #e60000 !important; }