body {
    background: #121212;
    color: #ffffff;
  }
  
  a {
    color: #bb86fc;
  }

  /* .img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    border: 2px solid #333;
    background-color: #1e1e1e;
    padding: 4px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(255,255,255,0.05);
    filter: brightness(0.95);
  } */
  
  .poem {
    background-color: #1e1e1e;
    border-left: 5px solid #bb86fc;
    color: #ddd;
  }

  /* About page timeline: ensure cards/dots read well in dark mode even if
     the base theme changes. Most styling is in main.css via CSS variables. */
  .timeline__logo {
    /* Keep logos crisp; the dot has a light background in both themes. */
    filter: none;
  }