/* clvkit brand — wires the PyData theme to the brand tokens.
   Primary #4F46E5 (6.12:1 on white); dark-mode #7C83FF (6.14:1 on black). */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap");

html[data-theme="light"] {
  --pst-color-primary: #4F46E5;
  --pst-color-secondary: #7C83FF;
  --pst-color-link: #4F46E5;
  --pst-color-link-hover: #7C83FF;
  --pst-color-inline-code: #4F46E5;
  --pst-heading-color: #0F172A;
}

html[data-theme="dark"] {
  --pst-color-primary: #7C83FF;
  --pst-color-secondary: #4F46E5;
  --pst-color-link: #7C83FF;
  --pst-color-link-hover: #A5AAFF;
  --pst-color-inline-code: #7C83FF;
  --pst-heading-color: #E2E8F0;
}

html {
  --pst-font-family-base: "Inter", var(--pst-font-family-base-system);
  --pst-font-family-heading: "Inter", var(--pst-font-family-base-system);
}

/* The landing hero tagline. */
.clv-tagline {
  font-style: italic;
  color: var(--pst-color-text-muted);
  font-size: 1.1rem;
}

/* Brand-tinted card hover on the landing grid. */
.sd-card:hover {
  border-color: var(--pst-color-primary);
  transition: border-color 0.15s ease-in-out;
}

/* Body paragraphs read justified. */
.bd-article p {
  text-align: justify;
  hyphens: auto;
}