[data-brand="paragin-group"] {
  --brand-primary: #7d79ae;
  --brand-secondary: #333333;
  --brand-accent: #7c79ab;
  --brand-background: #f1f1f6;
  --brand-text: #333333;
  --brand-surface: #ffffff;
}

[data-brand="paragin-group"] .brand-primary {
  color: var(--brand-primary);
}

[data-brand="paragin-group"] .brand-button {
  background-color: var(--brand-primary);
  color: #ffffff;
}

[data-brand="paragin-group"] .brand-button:hover {
  background-color: var(--brand-secondary);
}

[data-brand="paragin-group"] .brand-card {
  background-color: var(--brand-surface);
  border: 1px solid color-mix(in srgb, var(--brand-primary) 20%, transparent);
}
[data-brand="paragin-group"] .preview-content.prose {
  --tw-prose-body: var(--brand-text);
  --tw-prose-headings: var(--brand-primary);
  --tw-prose-lead: var(--brand-text);
  --tw-prose-links: var(--brand-accent);
  --tw-prose-bold: var(--brand-text);
  --tw-prose-counters: var(--brand-accent);
  --tw-prose-bullets: var(--brand-accent);
  --tw-prose-hr: color-mix(in srgb, var(--brand-primary) 30%, transparent);
  --tw-prose-quotes: var(--brand-text);
  --tw-prose-quote-borders: var(--brand-accent);
  --tw-prose-captions: var(--brand-text);
  --tw-prose-code: var(--brand-primary);
  --tw-prose-pre-code: var(--brand-text);
  --tw-prose-pre-bg: color-mix(in srgb, var(--brand-primary) 6%, var(--brand-surface));
  --tw-prose-th-borders: color-mix(in srgb, var(--brand-primary) 25%, transparent);
  --tw-prose-td-borders: color-mix(in srgb, var(--brand-primary) 15%, transparent);
}

[data-brand="paragin-group"] .preview-content.prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: #7d79ae;
  font-size: 18pt;
  font-weight: 600;
  font-family: var(--font-sans);
}

[data-brand="paragin-group"] .preview-content.prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: #333333;
  font-size: 16pt;
  font-weight: 600;
  font-family: var(--font-sans);
}

[data-brand="paragin-group"] .preview-content.prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: #333333;
  font-size: 14pt;
  font-weight: 600;
  font-family: var(--font-sans);
}

[data-brand="paragin-group"] .preview-content.prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: #333333;
  font-size: 12pt;
  font-weight: 600;
  font-family: var(--font-sans);
}

[data-brand="paragin-group"] .preview-content.prose :where(p, li, blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: #333333;
  font-size: 12pt;
  font-family: var(--font-sans);
  line-height: 1.1583333333333334;
}

[data-brand="paragin-group"] .preview-content.prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: #333333;
}

[data-brand="paragin-group"] .preview-content.prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: #7c79ab;
  text-decoration-color: color-mix(in srgb, #7c79ab 45%, transparent);
}

[data-brand="paragin-group"] .preview-content.prose :where(a):hover:not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--brand-secondary);
}

[data-brand="paragin-group"] .preview-content.prose :where(li)::marker {
  color: #7c79ab;
}