:root {
  --blue: #15416F;
  --mag: #A72141;
  --cyan: #0ea5e9;
  --green: #10b981;
  --amber: #f59e0b;
  --purple: #8b5cf6;
  --bg: #f6f7fb;
  --card: #ffffff;
  --ink: #0f172a;
  --muted: #cbd5e1;
  --line: rgba(255,255,255,.10);
  --topbar: #343B43;
}

body {
  background: var(--bg);
  font-family: "Gotham", system-ui, Arial, Roboto, sans-serif;
}
.card {
  border-radius: 18px;
  background: var(--card);
  box-shadow: 0 2px 8px rgba(21,65,111,0.08);
  transition: box-shadow .2s;
}
.card:hover {
  box-shadow: 0 4px 16px rgba(21,65,111,0.16);
}
.badge-soon {
  background: var(--mag);
  color: #fff;
  font-weight: bold;
  border-radius: 8px;
  padding: 2px 8px;
  font-size: 12px;
}