/* Custom brand color: #9C268F (magenta-purple) over the 'purple' colorset base */
:root {
  --nftt-primary: #9C268F;
  --nftt-primary-rgb: 156, 38, 143;
  --nftt-primary-text-emphasis: #3C0E38;
  --nftt-primary-bg-subtle: #F2D5EF;
  --nftt-primary-border-subtle: #E5ABE0;
  --nftt-link-color: #9C268F;
  --nftt-link-hover-color: #7A1D6F;
  --nftt-link-active-color: #3C0E38;
  --nftt-secondary-bg: #F2D5EF;
  --nftt-secondary-bg-rgb: 242, 213, 239;
  --nftt-neutral-bg-rgb: 242, 213, 239;
  --nftt-navbar-active-color: #F2D5EF;
}

.bg-primary { background-color: #9C268F !important; border-color: #7A1D6F !important; }
.btn-primary { --nftt-btn-bg: #9C268F; --nftt-btn-border-color: #9C268F; --nftt-btn-hover-bg: #7A1D6F; --nftt-btn-active-bg: #7A1D6F; }
.btn-outline-primary { --nftt-btn-color: #9C268F; --nftt-btn-border-color: #9C268F; }

/* Links: color change on hover, no underline, slightly bolder */
a { text-decoration: none; font-weight: 400; }
a:hover { text-decoration: none; color: var(--nftt-link-hover-color); }

/* Body text: lighter weight */
body, .nftt-content { font-weight: 400; }
h1, h2, h3, h4, h5, h6, strong, b, th { font-weight: 600; }

.social-link {
  color: var(--nftt-body-color);
  opacity: 0.6;
  text-decoration: none;
  transition: opacity 0.15s, color 0.15s;
}
.social-link:hover {
  opacity: 1;
  color: var(--nftt-primary);
}

/* Links in dark mode: lighter shade for readability */
.dark {
  --nftt-link-color: #D966CC;
  --nftt-link-hover-color: #E899DF;
}
@media (prefers-color-scheme: dark) {
  :root:not(.light):not(.dark) {
    --nftt-link-color: #D966CC;
    --nftt-link-hover-color: #E899DF;
  }
}

/* Borderless table for 2-column image+text layouts */
table.borderless,
table.borderless > :not(caption) > * > *,
table.borderless > tbody > tr:nth-of-type(odd) > *,
table.borderless > tbody > tr:nth-of-type(even) > * {
  border: none !important;
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  --nftt-table-bg: transparent;
  --nftt-table-bg-type: transparent;
  --nftt-table-bg-state: transparent;
  --nftt-table-accent-bg: transparent;
  --nftt-table-striped-bg: transparent;
}
table.borderless > tbody {
  border-top: none !important;
}

.lang-switch {
  margin: 8px 0 4px;
  padding: 6px 4px;
  border-top: 1px solid var(--nftt-border-color);
}

.lang-switch a {
  display: block;
  font-size: 0.85em;
  color: var(--nftt-body-color);
  text-decoration: none;
  opacity: 0.7;
  padding: 3px 0;
}

.lang-switch a:hover {
  opacity: 1;
  color: var(--nftt-primary);
}

.lang-switch a.lang-unavailable {
  opacity: 0.4;
  font-style: italic;
}