@import url('https://fonts.cdnfonts.com/css/cabinet-grotesk');
@import url('https://fonts.googleapis.com/css?family=Inter');

/*-- scss:defaults --*/
// Base document colors
$headings-font-family: 'Cabinet grotesk';
$font-family-sans-serif: 'Inter';
$code-color: #7c4dff;
$link-color: #7c4dff;
$navbar-bg: #2d1b69;
$kbd-color: #ffffff;
$kbd-bg: #7c4dff;
$pre-color: #747473;

/*-- scss:rules --*/

/* Presentation link buttons */
.btn-purple {
  display: inline-block;
  padding: 10px 24px;
  background: linear-gradient(135deg, #2d1b69 0%, #4a3580 100%);
  color: #ffffff !important;
  text-decoration: none !important;
  border-radius: 6px;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
}

.btn-purple:hover {
  background: linear-gradient(135deg, #4a3580 0%, #6c3fff 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(45, 27, 105, 0.3);
  color: #ffffff !important;
  text-decoration: none !important;
}