/**
 * Era: 2029-2030 — "The Acceleration"
 * Darker palette. Monospace creeps in. Government notices go brutalist.
 * Clean Net aesthetic emerging — sterile, controlled.
 *
 * Neon intensifies. Scan lines spread beyond intercepts to gov/corporate nodes.
 * Circuit-trace backgrounds on intercepts. Glow text on system-generated content.
 * Frame treatment on media nodes. Tech is pervasive, surveillance ramps.
 */

.era-2029-2030 {
  --sf-bg: #f0edea;
  --sf-text: #1a1a18;
  --sf-accent: #c0392b;
  --sf-muted: #777;
  --sf-border: rgba(0,0,0,0.15);

  /* Legacy era variables */
  --era-bg: var(--sf-bg);
  --era-text: var(--sf-text);
  --era-accent: var(--sf-accent);
  --era-muted: var(--sf-muted);
  --era-border: var(--sf-border);

  /* Scan lines visible on content */
  --sf-scanline-opacity: 0.5;
  --sf-scanline-color: rgba(0,0,0,0.025);

  /* Neon begins to seep in */
  --sf-neon: var(--sf-neon-blue);
  --sf-neon-dim: hsl(210, 60%, 35%);
  --sf-frame-width: 1px;
}

.era-2029-2030 body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--sf-text);
  background: var(--sf-bg);
}

/* Monospace creeps into headings */
.era-2029-2030 .node-title {
  font-family: var(--sf-font-mono);
  font-size: 1.85rem;
  font-weight: 700;
  letter-spacing: -0.03em;
}

/* Meta info goes monospace */
.era-2029-2030 .node-meta {
  font-family: var(--sf-font-mono);
}

/* Links feel like system navigation */
.era-2029-2030 .node-link {
  color: var(--sf-accent);
  border-bottom: 1px solid var(--sf-accent);
  font-weight: 500;
}

/* Government notices: brutalist + scan lines */
.era-2029-2030 .government-notice {
  background: #fff;
  border: 4px solid #1a1a1a;
  font-family: var(--sf-font-mono);
  position: relative;
}
.era-2029-2030 .government-notice::after {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    transparent 0px, transparent 1px,
    rgba(0,0,0,0.02) 1px, rgba(0,0,0,0.02) 2px
  );
  pointer-events: none;
}
.era-2029-2030 .gov-header {
  background: #1a1a1a;
  color: white;
  padding: var(--sf-space-md);
}

/* === Arwes-inspired enhancements === */

/* Intercepts get circuit-trace background + neon blue accents */
.era-2029-2030 .intercept {
  background-image: var(--sf-circuit);
  background-color: #0a0a0a;
  color: #b0e0b0;
  border-left: 2px solid var(--sf-neon-blue);
  position: relative;
}
.era-2029-2030 .intercept::after {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    transparent 0px, transparent 1px,
    rgba(0,100,255,0.015) 1px, rgba(0,100,255,0.015) 2px
  );
  pointer-events: none;
}

/* Node-type badges get neon border in this era */
.era-2029-2030 .node-type-badge {
  font-family: var(--sf-font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  border-color: rgba(74, 144, 217, 0.4);
}

/* Neon blue hints on government/corporate content */
.era-2029-2030 .government-notice .gov-header,
.era-2029-2030 .press-release .pr-header {
  border-bottom: 1px solid rgba(74, 144, 217, 0.3);
}

/* System-generated content gets subtle glow */
.era-2029-2030 .source-verified {
  color: var(--sf-neon-blue);
  text-shadow: 0 0 2px rgba(74, 144, 217, 0.3);
  font-family: var(--sf-font-mono);
  font-size: 0.7rem;
}