/* Per-site brand accent overrides. Loaded after registry.css.
   --site-theme / --site-theme-ink are set at runtime by apply-site-branding.js. */
:root{
  --site-theme: #4F46E5;
  --site-theme-ink: #ffffff;
  --site-theme-soft: color-mix(in srgb, var(--site-theme) 14%, transparent);
  --site-theme-strong: color-mix(in srgb, var(--site-theme) 82%, #000);
  --site-theme-tint: color-mix(in srgb, var(--site-theme) 22%, #ffffff);
}

/* Primary calls to action */
.btn-primary,
.app-nav-link.primary{
  background: var(--site-theme);
  color: var(--site-theme-ink);
  border-color: transparent;
}
.btn-primary:hover:not(:disabled),
.app-nav-link.primary:hover{
  background: var(--site-theme-strong);
  color: var(--site-theme-ink);
}

/* Kickers / labels */
.registry-kicker,
.cert-kicker{
  color: var(--site-theme);
  border-color: color-mix(in srgb, var(--site-theme) 40%, var(--border));
}

/* Logo mark + item badges */
.registry-logo-mark{
  color: var(--site-theme);
  background: linear-gradient(135deg,#ffffff,var(--site-theme-tint));
}
.registry-item-badge{
  background: var(--site-theme-soft);
  color: var(--site-theme-strong);
  border-color: color-mix(in srgb, var(--site-theme) 30%, #ffffff);
}
.registry-feature-pills span{
  border-color: color-mix(in srgb, var(--site-theme) 26%, var(--border));
}

/* Hero + preview glows */
.registry-hero-card:before,
.registry-preview-card:before{
  background:
    radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--site-theme) 16%, transparent), transparent 34%),
    radial-gradient(circle at 90% 90%, color-mix(in srgb, var(--site-theme) 12%, transparent), transparent 32%);
}
.registry-item-head,
.registry-item-head-rich{
  background: linear-gradient(135deg, var(--site-theme-soft), transparent);
}

/* EXP bars */
.registry-xp-bar i,
.cert-xp-bar i{
  background: linear-gradient(90deg, var(--site-theme), color-mix(in srgb, var(--site-theme) 55%, #ffffff));
}
.cert-xp-bar-profile i{
  background: linear-gradient(90deg, color-mix(in srgb, var(--site-theme) 70%, #000), var(--site-theme));
}

/* Certificate seal + claimed badge */
.cert-seal{
  background: #0b0b0d;
  color: var(--site-theme);
  border-color: color-mix(in srgb, var(--site-theme) 45%, #000);
}
.cert-seal-ring{
  background: conic-gradient(from 0deg,
    var(--site-theme),
    color-mix(in srgb, var(--site-theme) 30%, #ffffff),
    color-mix(in srgb, var(--site-theme) 60%, #000),
    var(--site-theme));
}
.cert-claim-badge.is-claimed{
  background: var(--site-theme);
  color: var(--site-theme-ink);
  border-color: transparent;
}