:root {
  --sjb-green: #2e5e45;
  --sjb-green-dark: #234636;
  --sjb-slate: #3c3f46;
  --sjb-slate-light: #6a6d74;
  --sjb-bg-light: #f7f7f8;
  --sjb-border-soft: #e0e1e4;
}

/* Base layout */

body {
  background-color: #ffffff;
  color: var(--sjb-slate);
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", system-ui, sans-serif;
}

.sjb-container {
  max-width: 480px;
}

/* Minimalist monogram placeholder */

.sjb-logo {
  width: 58px;
  height: 58px;
  border-radius: 12px;
  border: 1px solid var(--sjb-border-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sjb-green);
  font-weight: 700;
  letter-spacing: 0.04em;
  font-size: 1.1rem;
}

/* Text colors */

.sjb-muted {
  color: var(--sjb-slate-light);
}

/* Button */

.btn-sjb-primary {
  background-color: var(--sjb-green);
  border-color: var(--sjb-green);
  color: #ffffff;
  font-size: 0.95rem;
  padding-inline: 1.5rem;
}

.btn-sjb-primary:hover,
.btn-sjb-primary:focus {
  background-color: var(--sjb-green-dark);
  border-color: var(--sjb-green-dark);
  color: #ffffff;
}