:root {
  --lq-navy: #102b50;
  --lq-cobalt: #124b9a;
  --lq-orange: #e55b35;
  --lq-ivory: #faf7ef;
  --lq-paper: #fffdf8;
  --lq-line: #d9cfbd;
  --lq-muted: #586b82;
  --lq-serif: "Libre Baskerville", Georgia, serif;
  --lq-sans: "Source Sans 3", Arial, sans-serif;
}

html { color: var(--lq-navy); background: var(--lq-ivory); }
body { font-family: var(--lq-sans); }
button, input, textarea, select { font: inherit; }

.lq-brand-lockup { display: inline-flex; align-items: center; gap: 12px; color: var(--lq-navy); }
.lq-brand-lockup img { width: 42px; height: 42px; object-fit: contain; }
.lq-brand-lockup strong { font: 700 20px/1 var(--lq-serif); }

.lq-round-action {
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  flex: 0 0 44px;
  border: 1px solid var(--lq-navy);
  border-radius: 50%;
  background: var(--lq-navy);
  color: #fff;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease;
}
.lq-round-action:hover { background: var(--lq-orange); transform: translateY(-1px); }
.lq-round-action img { width: 18px; height: 18px; object-fit: contain; }