[data-theme="anthropic-inspired-light"] {
  color-scheme: light;
  --color-base-100: #faf9f5;
  --color-base-200: #f0eee6;
  --color-base-300: #e8e6dc;
  --color-base-content: #141413;
  --color-primary: #d97757;
  --color-primary-content: #faf9f5;
  --color-secondary: #141413;
  --color-secondary-content: #faf9f5;
  --color-accent: #3d3d3a;
  --color-accent-content: #e8e6dc;
  --color-neutral: #87867f;
  --color-neutral-content: #faf9f5;
  --color-info: #6a9bcc;
  --color-info-content: #faf9f5;
  --color-success: #788c5d;
  --color-success-content: #faf9f5;
  --color-warning: #d97706;
  --color-warning-content: #faf9f5;
  --color-error: #dc2626;
  --color-error-content: #faf9f5;
}

[data-theme="anthropic-inspired-dark"] {
  color-scheme: dark;
  --color-base-100: #141413;
  --color-base-200: #1f1e1d;
  --color-base-300: #2a2927;
  --color-base-content: #faf9f5;
  --color-primary: #d97757;
  --color-primary-content: #faf9f5;
  --color-secondary: #3d3d3a;
  --color-secondary-content: #b0aea5;
  --color-accent: #5e5d59;
  --color-accent-content: #e8e6dc;
  --color-neutral: #87867f;
  --color-neutral-content: #141413;
  --color-info: #6a9bcc;
  --color-info-content: #141413;
  --color-success: #788c5d;
  --color-success-content: #141413;
  --color-warning: #d97706;
  --color-warning-content: #141413;
  --color-error: #dc2626;
  --color-error-content: #141413;
}

.bg-base-100 {
  background-color: var(--color-base-100);
}

.text-base-content {
  color: var(--color-base-content);
}

.link {
  cursor: pointer;
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.link-hover:hover {
  opacity: 0.8;
}

.content a.content-back {
  display: inline-block;
  margin-top: 1rem;
  color: inherit;
}

.content-date {
  display: block;
  color: var(--color-neutral);
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}

.content h1 {
  font-size: 1.875rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.content h2 {
  font-size: 1.375rem;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.content p {
  margin-bottom: 1rem;
  line-height: 1.7;
}

.content ul {
  list-style: disc;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.content li {
  margin-bottom: 0.25rem;
  line-height: 1.7;
}

.content a {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}