:root {
  --md-text-font: "Quicksand", sans-serif;

  /* TrustView brand purples */
  --tv-purple-900: #340b63;
  --tv-purple-700: #6415bf;
  --tv-purple-600: #5308a8;
  --tv-purple-500: #7d20e7;
  --tv-purple-100: #ede8f8;
  --tv-purple-50: #f7f5fc;
  --tv-purple-accent: #e6dcff;
  --tv-purple-muted: #c4a6ff;
  --tv-ink-divider: rgba(52, 11, 99, 0.1);
  --tv-tip-title-bg: var(--tv-purple-accent);
  --tv-tip-focus-ring: color-mix(in srgb, var(--tv-purple-700) 12%, transparent);
}

/* Tip admonitions — override Material default teal (#00bfa5) */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: var(--tv-purple-700);
}

.md-typeset .admonition.tip:focus-within,
.md-typeset details.tip:focus-within {
  box-shadow: 0 0 0 0.2rem var(--tv-tip-focus-ring);
}

.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: var(--tv-tip-title-bg);
}

.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: var(--tv-purple-700);
}

.md-typeset .tip > .admonition-title::after,
.md-typeset .tip > summary::after {
  color: var(--tv-purple-700);
}

[data-md-color-scheme="slate"] {
  --tv-tip-title-bg: rgba(100, 21, 191, 0.28);
  --tv-tip-focus-ring: color-mix(in srgb, var(--tv-purple-muted) 15%, transparent);
}

[data-md-color-scheme="slate"] .md-typeset .admonition.tip,
[data-md-color-scheme="slate"] .md-typeset details.tip {
  border-color: var(--tv-purple-muted);
}

[data-md-color-scheme="slate"] .md-typeset .tip > .admonition-title::before,
[data-md-color-scheme="slate"] .md-typeset .tip > summary::before {
  background-color: var(--tv-purple-muted);
}

[data-md-color-scheme="slate"] .md-typeset .tip > .admonition-title::after,
[data-md-color-scheme="slate"] .md-typeset .tip > summary::after {
  color: var(--tv-purple-muted);
}