:root{
  --green:#e51b35;
  --green-soft:#fff0f2;
  --brand-red:#ed1734;
  --brand-red-dark:#c90d2b;
  --brand-red-soft:#fff0f2;
  --brand-red-line:#f2c4cc;
}

.nav-item{transition:background .18s ease,color .18s ease,transform .18s ease}
.nav-item:hover{background:#fff6f7;color:#ba1029;transform:translateX(2px)}
.nav-item.active{color:#bf102b;background:#fff0f2}
.active .nav-icon{color:#e21835}

.button,.icon-button,.select-button,.mobile-menu,.text-button,.modal-close,.profile-button{
  transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .2s ease,transform .18s ease;
}
.button-primary{
  border-color:#d9102e;
  background:linear-gradient(135deg,#f42140 0%,#d90b2b 100%);
  color:#fff;
  box-shadow:0 4px 12px #e20d302e;
}
.button-primary:hover{
  border-color:#c80b28;
  background:linear-gradient(135deg,#ff3852 0%,#e30d2d 100%);
  box-shadow:0 8px 20px #df102f40,0 0 0 3px #ed173413;
  transform:translateY(-2px);
}
.button-primary:active{transform:translateY(0) scale(.985);box-shadow:0 3px 8px #df102f33}
.button-quiet:hover{background:#fff6f7;border-color:#efb5bf;color:#c90d2b;box-shadow:0 4px 12px #d91a2b10;transform:translateY(-1px)}
.button:focus-visible,.icon-button:focus-visible,.select-button:focus-visible,.mobile-menu:focus-visible,.nav-item:focus-visible{
  outline:3px solid #ed173433;outline-offset:2px;
}
.icon-button:hover,.select-button:hover,.mobile-menu:hover{
  color:#cc102d;border-color:#f0b8c1;background:#fff6f7;box-shadow:0 3px 10px #d91a2b12;transform:translateY(-1px);
}
.text-button,.gate-link,.help-card button{color:#ca102e}
.text-button:hover,.gate-link:hover,.help-card button:hover{color:#a90b25;text-decoration:underline;text-underline-offset:3px}
.tab.active{color:#c90d2b;box-shadow:inset 0 -2px #ed1734,0 1px 3px #e5e9ee}
.type-option{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.type-option:hover{border-color:#efb5bf;transform:translateY(-1px)}
.type-option.selected{border-color:#eb8998;background:#fff5f6;box-shadow:0 0 0 2px #ed173413}
.form-field input:focus,.form-field select:focus,.currency-input:focus-within{
  border-color:#ed5268;box-shadow:0 0 0 3px #ed17341c;
}
.modal-close:hover{background:#fff0f2;color:#c90d2b;transform:rotate(4deg)}

@media(prefers-reduced-motion:reduce){
  .nav-item,.button,.icon-button,.select-button,.mobile-menu,.text-button,.modal-close,.profile-button,.type-option{transition:none}
  .nav-item:hover,.button-primary:hover,.button-quiet:hover,.icon-button:hover,.select-button:hover,.mobile-menu:hover,.type-option:hover{transform:none}
}