/* Apply the retained perfume-boutique palette to the supplied login layout. */
:root { --purple:#78445f; --purple-dark:#512b40; --orange:#d8b678; --ink:#342630; --muted:#8e7a82; --line:#e8ded4; --canvas:#f8f3eb; }
.brand-panel { background:linear-gradient(145deg,#30202a,#59384a); }
.bp-logo small,.bp-body p { color:#d5c4bf; }
.bp-logo strong { font-family:'Playfair Display',Georgia,serif; }
.bp-body { padding-bottom:210px; position:relative; }
.bp-body:after { content:''; position:absolute; bottom:0; left:0; width:290px; height:190px; border-radius:18px; background:url('assets/perfume-atelier.svg') center/cover no-repeat; }
.login-btn { background:linear-gradient(110deg,#78445f,#522c40); box-shadow:0 8px 18px #78445f28; }
.login-hint { color:#8d704c; background:#fbf6ec; border-color:#e8d9bf; }
.demo-warning { padding:12px 14px; border-left:3px solid #b49361; color:#856e5a; background:#faf6ee; font-size:11px; line-height:1.6; }
button.field-icon { border:0; background:none; padding:6px; }
.role-tab:focus-visible,.field-icon:focus-visible { outline:3px solid #bf9c61; outline-offset:3px; }
.bp-footer { color:#c9b6ad; }
@media(max-width:820px) { .bp-body { padding-bottom:0; }.bp-body:after { display:none; }.brand-panel { min-height:200px; }.form-panel { background:#fffdf9; } }