/* Default light theme */
:root {
    --bg-color: #f4f4f9;
    --text-color: #333;
    --accent-color: #4a90e2;
    --section-border: #ddd;
    --container-bg: #fff;
    --link-color: #4a90e2;
    --link-hover-color: #0056b3;
  }
  
  /* Dark theme */
  @media (prefers-color-scheme: dark) {
    :root {
      --bg-color: #1e1e2f;
      --text-color: #e4e4e4;
      --accent-color: #81a1c1;
      --section-border: #444;
      --container-bg: #2e2e3f;
      --link-color: #81a1c1;
      --link-hover-color: #4ca0d9;
    }
  }

  /* Link styles */
a {
    color: var(--link-color);
    text-decoration: none;
    transition: color 0.3s ease;
  }
  
  a:hover {
    color: var(--link-hover-color);
    text-decoration: underline;
  }
  
  html {
    background: var(--container-bg);
  }
  body {
    font-family: 'Arial', sans-serif;
    line-height: 2.2;
    margin: 0;
    padding: 0;
    background: var(--container-bg);
    color: var(--text-color);
    font-size: 1.25em;
  }
  
  .renewal-container {
    max-width: 1000px;
    margin: 20px auto;
    padding: 20px;
    background: var(--container-bg);
   
  }
  
  .renewal-container h1 {
    text-align: center;
    color: var(--accent-color);
  }
  
  .section {
    margin-bottom: 20px;
    padding: 10px;
    border-bottom: 1px solid var(--section-border);
  }
  
  .section:last-child {
    border-bottom: none;
  }
  
  .section h2 {
    color: var(--accent-color);
  }
  
  .section p {
    margin: 10px 0;
  }
  
  .section strong {
    color: var(--text-color);
  }