:root {
      --blog-h1-size: 25px;
      --blog-h1-weight: 700;
      --blog-h1-line-height: 1.2;
      --blog-h1-color: #8f8f8f;
      --blog-h1-margin-top: 2rem;
      --blog-h1-margin-bottom: 1rem;
      
      --blog-h2-size: 19px;
      --blog-h2-weight: 700;
      --blog-h2-line-height: 1.3;
      --blog-h2-color: #1f2937;
      --blog-h2-margin-top: 1.75rem;
      --blog-h2-margin-bottom: 0.75rem;
      
      --blog-h3-size: 15px;
      --blog-h3-weight: 600;
      --blog-h3-line-height: 1.4;
      --blog-h3-color: #374151;
      --blog-h3-margin-top: 1.5rem;
      --blog-h3-margin-bottom: 0.5rem;
      
      --blog-h4-size: 13px;
      --blog-h4-weight: 600;
      --blog-h4-line-height: 1.4;
      --blog-h4-color: #4b5563;
      --blog-h4-margin-top: 1.25rem;
      --blog-h4-margin-bottom: 0.5rem;
      
      --blog-h5-size: 1.125rem;
      --blog-h5-weight: 600;
      --blog-h5-line-height: 1.5;
      --blog-h5-color: #6b7280;
      --blog-h5-margin-top: 1rem;
      --blog-h5-margin-bottom: 0.5rem;
      
      --blog-h6-size: 1rem;
      --blog-h6-weight: 600;
      --blog-h6-line-height: 1.5;
      --blog-h6-color: #9ca3af;
      --blog-h6-margin-top: 1rem;
      --blog-h6-margin-bottom: 0.5rem;
      
      --blog-p-size: 12px;
      --blog-p-line-height: 1.8;
      --blog-p-color: #374151;
      --blog-p-margin-bottom: 1.25rem;
      
      --blog-blockquote-border: #4f46e5;
      --blog-blockquote-bg: #f9fafb;
      --blog-blockquote-style: italic;
      --blog-blockquote-padding: 1rem 1.5rem;
      --blog-blockquote-color: #4b5563;
      
      --blog-link-color: #2563eb;
      --blog-link-hover: #1d4ed8;
    }

    .blog-template-wrapper h1, .blog-content h1, .prose h1 {
      font-size: var(--blog-h1-size) !important;
      font-weight: var(--blog-h1-weight) !important;
      line-height: var(--blog-h1-line-height) !important;
      color: var(--blog-h1-color) !important;
      margin-top: var(--blog-h1-margin-top) !important;
      margin-bottom: var(--blog-h1-margin-bottom) !important;
    }

    .blog-template-wrapper h2, .blog-content h2, .prose h2 {
      font-size: var(--blog-h2-size) !important;
      font-weight: var(--blog-h2-weight) !important;
      line-height: var(--blog-h2-line-height) !important;
      color: var(--blog-h2-color) !important;
      margin-top: var(--blog-h2-margin-top) !important;
      margin-bottom: var(--blog-h2-margin-bottom) !important;
    }

    .blog-template-wrapper h3, .blog-content h3, .prose h3 {
      font-size: var(--blog-h3-size) !important;
      font-weight: var(--blog-h3-weight) !important;
      line-height: var(--blog-h3-line-height) !important;
      color: var(--blog-h3-color) !important;
      margin-top: var(--blog-h3-margin-top) !important;
      margin-bottom: var(--blog-h3-margin-bottom) !important;
    }

    .blog-template-wrapper h4, .blog-content h4, .prose h4 {
      font-size: var(--blog-h4-size) !important;
      font-weight: var(--blog-h4-weight) !important;
      line-height: var(--blog-h4-line-height) !important;
      color: var(--blog-h4-color) !important;
      margin-top: var(--blog-h4-margin-top) !important;
      margin-bottom: var(--blog-h4-margin-bottom) !important;
    }

    .blog-template-wrapper h5, .blog-content h5, .prose h5 {
      font-size: var(--blog-h5-size) !important;
      font-weight: var(--blog-h5-weight) !important;
      line-height: var(--blog-h5-line-height) !important;
      color: var(--blog-h5-color) !important;
      margin-top: var(--blog-h5-margin-top) !important;
      margin-bottom: var(--blog-h5-margin-bottom) !important;
    }

    .blog-template-wrapper h6, .blog-content h6, .prose h6 {
      font-size: var(--blog-h6-size) !important;
      font-weight: var(--blog-h6-weight) !important;
      line-height: var(--blog-h6-line-height) !important;
      color: var(--blog-h6-color) !important;
      margin-top: var(--blog-h6-margin-top) !important;
      margin-bottom: var(--blog-h6-margin-bottom) !important;
    }

    .blog-template-wrapper p, .blog-content p, .prose p {
      font-size: var(--blog-p-size) !important;
      line-height: var(--blog-p-line-height) !important;
      color: var(--blog-p-color) !important;
      margin-bottom: var(--blog-p-margin-bottom) !important;
    }

    .blog-template-wrapper blockquote, .blog-content blockquote, .prose blockquote {
      border-left: 4px solid var(--blog-blockquote-border) !important;
      background: var(--blog-blockquote-bg) !important;
      font-style: var(--blog-blockquote-style) !important;
      padding: var(--blog-blockquote-padding) !important;
      color: var(--blog-blockquote-color) !important;
      border-radius: 0 0.5rem 0.5rem 0 !important;
    }

    .blog-template-wrapper a, .blog-content a, .prose a {
      color: var(--blog-link-color) !important;
    }

    .blog-template-wrapper a:hover, .blog-content a:hover, .prose a:hover {
      color: var(--blog-link-hover) !important;
    }