/* ═══════════════════════════════════════════════════════════
   maniTLab — Dark Mode + Accessibility + Shadow System
   Auto-activates via prefers-color-scheme: dark
   ═══════════════════════════════════════════════════════════ */

/* ── FOCUS / ACCESSIBILITY ── */
a:focus-visible, button:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
  border-radius: 2px;
}

/* ── SHADOW SYSTEM ── */
:root {
  --shadow-sm:  0 1px 4px rgba(0,0,0,0.04);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.06);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.1);
}

/* ── DARK MODE ── */
@media (prefers-color-scheme: dark) {
  :root {
    --bg:           #0F0808;
    --surface:      #1A0F0F;
    --card:         #241414;
    --card-hover:   #2E1A1A;
    --border:       #3D2222;
    --border-hi:    #AA4433;
    --primary:      #EE3333;
    --primary-dim:  #CC2222;
    --primary-glow: #FF4444;
    --accent:       #EE7733;
    --accent-dim:   #CC5522;
    --text:         #F5E5E0;
    --text-muted:   #BBA099;
    --text-dim:     #886655;
    --text-dark:    #665544;
    --trit-pos:     #EE3333;
    --trit-zero:    #999999;
    --trit-neg:     #5599DD;
    --green:        #33BB66;
    --shadow-sm:    0 1px 4px rgba(0,0,0,0.15);
    --shadow-md:    0 4px 16px rgba(0,0,0,0.25);
    --shadow-lg:    0 8px 32px rgba(0,0,0,0.35);
  }

  body { background: var(--bg); }
  nav  { background: rgba(15,8,8,0.94); }

  /* Card / patent hover */
  .patent-card:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.3); }

  /* Blog post overrides */
  .post-body pre { box-shadow: 0 2px 12px rgba(0,0,0,0.2); }
  .post-body .figure .figure-body { box-shadow: 0 2px 16px rgba(0,0,0,0.2); }
  .post-body .data-table { box-shadow: 0 1px 8px rgba(0,0,0,0.15); }
  .post-body .data-table tbody tr:nth-child(even) td { background: rgba(26,15,15,0.5); }

  /* Tone down images slightly */
  img { filter: brightness(0.92); }
}