:root {
  --espresso: #2b1710;
  --espresso-light: #4a291a;
  --gold: #c99a3d;
  --gold-dark: #a87924;
  --sand: #f5ede3;
  --ivory: #fffdf9;
  --graphite: #241e1a;
}

body { background: var(--sand); color: var(--graphite); }
.login-page { min-height: 100vh; background: radial-gradient(circle at top, #fff8ef 0%, var(--sand) 48%, #e8d4b9 100%); }
.brand-logo { display: block; width: min(280px, 100%); height: auto; object-fit: contain; object-position: center; }
.brand-logo-login { margin-inline: auto; width: min(300px, 100%); }
.brand-logo-nav { width: 215px; max-height: 68px; object-position: left center; }
.login-card { max-width: 430px; border: 1px solid rgba(201, 154, 61, .35); border-radius: 1.25rem; background: var(--ivory); box-shadow: 0 1rem 2.5rem rgba(43, 23, 16, .13) !important; }
.login-card .form-label { color: var(--espresso); font-weight: 600; }
.form-control { background-color: #fff; border-color: #dec9aa; }
.form-control:focus { border-color: var(--gold); box-shadow: 0 0 0 .25rem rgba(201, 154, 61, .2); }
.btn-coffee { background: var(--gold); border-color: var(--gold); color: var(--espresso); font-weight: 700; }
.btn-coffee:hover, .btn-coffee:focus { background: var(--gold-dark); border-color: var(--gold-dark); color: #fff; }
.home-hero { background: linear-gradient(135deg, var(--espresso), var(--espresso-light)); color: var(--ivory); border-radius: 1rem; box-shadow: 0 .75rem 1.75rem rgba(43, 23, 16, .14); }
.home-hero .text-white-50 { color: #e3c78f !important; }