Untitled

/* Define custom properties for the theme colors */
:root {
  --primary-color: #007bff;
  --secondary-color: #6c757d;
  --gray-100: #f8f9fa;
  --gray-500: #adb5bd;
  --font-size: 16px;
  --min-font-size: 12px;
  --max-font-size: 24px;
}

/* Define the dark theme class */
.dark-theme {
  --primary-color: var(--gray-500, #000);
  --secondary-color: var(--gray-100, #fff);
}

/* Apply primary and secondary colors to every third list item */
ul li:nth-of-type(3n) {
  color: var(--primary-color);
  background-color: var(--secondary-color);
}

/* Apply font size to paragraphs with min/max limits */
p {
  font-size: var(--font-size);
  max-width: 100%;
  overflow-wrap: break-word;
  line-height: 1.5;
}

@media (min-width: 576px) {
  p {
    font-size: max(var(--font-size), var(--min-font-size));
  }
}

@media (min-width: 992px) {
  p {
    font-size: min(var(--font-size), var(--max-font-size));
  }
}