:root {
  --bs-body-bg: #f0f0f0;
  --bs-body-color: #ffffff;

  --bs-primary-rgb: 242, 13, 13;
  --bs-primary: #f20d0d;
  --bs-primary-hover: #c00b0b;
  --bs-primary-disabled: #f20d0d;

  --bs-heading-color: #ffffff;
  --bs-btn-bg: #f20d0d; 
  --bs-btn-border-color: #f20d0d;

  --bs-secondary-rgb: 190, 190, 190;
}

.bg-opacity-5 {
  --bs-bg-opacity: 0.05;
}

p {
  white-space: pre-line;
  font-size: 1.05rem;
}

.btn-primary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-primary-hover);
  --bs-btn-hover-border-color: var(--bs-primary-hover);
  --bs-btn-focus-shadow-rgb: var(--bs-primary);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: var(--bs-primary-hover);
  --bs-btn-active-border-color: var(--bs-primary-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: var(--bs-primary-disabled);
  --bs-btn-disabled-border-color: var(--bs-primary-disabled);
}

.post-body {
  line-height: 1.3;
  font-size: 1.05rem;
}

.post-body p {
  margin-bottom: 1rem;
}

.post-body p:has(br:only-child) {
  margin-bottom: 0;
}

.post-body h1,
.post-body h2,
.post-body h3 {
  margin-top: 0rem;
  margin-bottom: 0.75rem;
}

.post-body ul,
.post-body ol {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

.post-body a {
  color: var(--bs-primary);
  text-decoration: none;
}

.post-body a:hover {
  text-decoration: underline;
}

#body blockquote {
  border-left: 4px solid var(--bs-primary);
  padding-left: 1rem;
  margin: 1rem 0;
  font-style: italic;
  color: var(--bs-primary);
}

.bg-texture {
  background:
    radial-gradient(circle at 50% 30%, #1A1A1A 0%, #000000 20%),
    #0F0F0F;

  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}