:root {
  --velvo-accent: #1a5fa8;
  --velvo-heading: #2d3748;
  --velvo-hero-top: #f4f7fa;
  --velvo-code-bg: rgba(26, 95, 168, .07);
  --velvo-logo-mark: #1a5fa8;
  --velvo-logo-word: #2d3748;
  --velvo-logo-sub: #718096;
}

[data-bs-theme="dark"] {
  --velvo-accent: #6cb6e0;
  --velvo-heading: #cfe3f0;
  --velvo-hero-top: #131a20;
  --velvo-code-bg: rgba(108, 182, 224, .12);
  --velvo-logo-mark: #4a9ae0;
  --velvo-logo-word: #e9eef3;
  --velvo-logo-sub: #8fa3b5;
}

body {
  font-size: 1.02rem;
}

/* --- Logo ------------------------------------------------------------- */

.velvo-logo {
  height: 42px;
  width: auto;
  display: block;
}

.velvo-logo .logo-mark circle {
  fill: var(--velvo-logo-mark);
}

.velvo-logo .logo-mark line {
  stroke: var(--velvo-logo-mark);
  stroke-width: 2.4;
}

.velvo-logo .logo-word {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 42px;
  font-weight: 600;
  fill: var(--velvo-logo-word);
}

.velvo-logo .logo-sub {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 3px;
  fill: var(--velvo-logo-sub);
}

/* --- Rest ------------------------------------------------------------- */

.text-primary {
  color: var(--velvo-accent) !important;
}

.btn-primary {
  --bs-btn-bg: #1a5fa8;
  --bs-btn-border-color: #1a5fa8;
  --bs-btn-hover-bg: #16528f;
  --bs-btn-hover-border-color: #144a82;
  --bs-btn-active-bg: #144a82;
  --bs-btn-active-border-color: #124275;
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
}

[data-bs-theme="dark"] .btn-primary {
  --bs-btn-bg: #2a7cc9;
  --bs-btn-border-color: #2a7cc9;
  --bs-btn-hover-bg: #3a8dd9;
  --bs-btn-hover-border-color: #3a8dd9;
  --bs-btn-active-bg: #246cb0;
  --bs-btn-active-border-color: #246cb0;
}

.hero {
  background: linear-gradient(180deg, var(--velvo-hero-top) 0%, var(--bs-body-bg) 100%);
}

.card-title {
  color: var(--velvo-heading);
}

address {
  line-height: 1.7;
  font-style: normal;
}

code {
  color: var(--velvo-accent);
  background: var(--velvo-code-bg);
  padding: .1rem .3rem;
  border-radius: .2rem;
}

dt {
  font-weight: 600;
}