:root {
  --cepre-navy: #0f2747;
  --cepre-blue: #1a4f8b;
  --cepre-gold: #c79a31;
  --cepre-ink: #223046;
  --cepre-surface: #f4f7fb;
}

html {
  font-size: 15px;
}

body {
  min-height: 100vh;
  color: var(--cepre-ink);
  background:
    radial-gradient(circle at top left, rgba(199, 154, 49, 0.18), transparent 26%),
    linear-gradient(180deg, #f9fbfe 0%, var(--cepre-surface) 100%);
}

.app-header {
  background: linear-gradient(90deg, var(--cepre-navy), var(--cepre-blue));
}

.navbar-brand,
.nav-link {
  letter-spacing: 0.02em;
}

.card {
  border: 1px solid rgba(15, 39, 71, 0.08);
  border-radius: 1rem;
}

.btn-primary {
  background-color: var(--cepre-blue);
  border-color: var(--cepre-blue);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #153f6f;
  border-color: #153f6f;
}

.badge.text-bg-primary {
  background-color: var(--cepre-gold) !important;
  color: #1d1d1d !important;
}

.table > :not(caption) > * > * {
  padding: 0.95rem 1rem;
}